YellowLeds Weblog v2

2011 war das Jahr des Responsive Webdesign. Aus meinen Bookmarks hier die meines Erachtens wichtigsten Quellen aus 2011 dazu:

Grundlagen

• ALA: Responsive Webdesign
• Mobile first (ist spannenderweise bereits aus 2009)
• ALA: Fluid Grids (auch schon aus 2009)
• The Responsive Designer's Workflow (Vortragsprotokoll)

Responsive Images

• Fluid images und eine Ergänzung dazu via Twitter
• Responsive IMGs Teil 1, Teil 2
• Adaptive images
• Context aware image sizing

viewport und Co.

• Orientation and scale
• Ein Blick durch den Viewport
• Idiot's Guide to viewport and pixels
• ppks „Forschungsergebnisse“ rund um Mobile

Progressive enhancement/Feature detection

• Modernizr documentation
• ALA: Taking Advantage of HTML5 and CSS3 with Modernizr
• Regressive Enhancement with Modernizr and Yepnope (yepnope ist mittlerweile Bestandteil von Modernizr)

Sammelsurium

• Mobitest
• FitText.js
• Convert a Menu to a Dropdown for Small Screens

Falls Ihr in den Kommentaren weitere Ressourcen ergänzen wollt, denkt bitte daran, dass Links in den Kommentaren mit Textile-Syntax möglich sind, HTML jedoch nicht zulässig ist.