Examples of Responsive Design

• Responsive Design 1 – CSS Tricks
• Responsive Design 2 – cacaotour.com
• Responsive Design 3 – Boston Globe
• example WordPress Theme

Responsive Design Features

• Responsive Design by Ethan Marcotte

Media Query support and shims

• Media Query Support by Browser Version from caniuse.com
• javascript shim to add basic media queries to IE6,7,8
• IE First?!
• Mobile First
• Frameworks to look at: Bootstrap, 320up, HTML5 Mobile Boilerplate, gridless

Miscellany

• great overview of Responsive Design
• Fluid embedded videos for Responsive Design
• Elastic Video
• The arguments against Responsive Design

Must Reads for Advanced Users

• Best Article on Responsive Images on the web
• Pragmatic Responsive Design
• Server-Side Techniques

Be Sociable, Share!

• 

This entry was posted on Thursday, February 9th, 2012 at 6:17 pm by James Conway and is filed under CSS, HTML, Standards-Based Web Design, Web design for print designers made easy. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.