Preparing the page
- Eric Meyer’s CSS reset
- Using the viewport meta tag to control layout on mobile browsers
- A pixel is not a pixel is not a pixel
- A tale of two viewports – part two
General
- Responsive Resources
- Responsive Patterns
- Responsive Web Design Techniques, Tools and Design Strategies
- Responsive Design in 3 steps
- Responsive Web Design: Layouts and Media Queries
- Robot or Not? – demo site for the book Responsive Web Design by Ethan Marcotte
Grids & Layouts
- The Grid System
- The 960 Grid System Made Easy
- GridPak
- Grid.Guide
- Bootstrap
- Understanding CSS3 Flexbox for Responsive Design
Scalable Fonts
Media Types & Media Queries
- W3C Media Queries
- Media Types
- CSS3 Media Queries fallback script for non-suporting browsers
- A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
- -webkit-text-size-adjust
- Hardboiled CSS3 Media Queries
Responsive Images and Image Replacement
- Backstretch – Jquery plugin for flexible background images
- CSS3 background-size
- Icon Fonts
- iOS App Icon Template
- Woothemes FlexSlider
- Using Responsive Images (Now)
- Which responsive images solution should you use?
- Responsive Image Hierarchy
- The Mobile Web: CSS Image Replacement for Retina Display Devices
- CSS Image Replacement for iPhone 4 High-DPI Retina
- 3.1 Million Pixels Are Heavy – new iPad image sizes
- Responsive Images – srcset
- How to Build Responsive Images with srcset
Mobile First
- Rethinking the Mobile Web by Yiibu
- Creating a mobile-first responsive web design
- Creating a Mobile-First Responsive Web Design
- Responsive Web Design or Separate Mobile Site? Eh. It Depends.
- Developing a Progressive Mobile Strategy
- Video: What mobile customers want from hotels; how HTML5 helps hotels meet those requirements. Stephen Gates, Starwood Hotels
Mobile Design: Tips & Techniques
- Progressive enhancement
- Complexion Reduction: A New Trend In Mobile Design
- Mobile Web Best Practices 1.0
- Designing For The Modern Day Mobile Market
- Mobile Web Design: 10 Tips To Better Usability
- Mobile Web Design: Best Practices
- A Foot On The Bottom Rung: First Forays Into Responsive Web Development
Touch Devices
A separate Mobile Website
Mobile Market: platforms, browsers, devices
Data
Devices
Operating Systems
Browsers
Tools and Testing
Standards, Validation, HTML5, Testing
- Responsinator
- Mobile Phone Emulator
- W3C mobileOK Checker
- Video: Why HTML5 changes everything.
- The HTML5 Test
- mobiReady mobile-readiness test