My favorite articles on building responsive/adaptive web pages

As the Tablet wars get fiercer and accessing the Web moves beyond desktop browsers, web developer face the challenge of making web pages they create work on all kinds of devices. Thanks to CSS3, there can just be a single web page that can be made to work on a variety of screen resolutions.

While there are a bunch of ready-made templates and frameworks like Twitter Bootstrap to build responsive pages, understanding how they work is important if you've to customize it.

I feel there is a dearth of  beginner level, 101 articles that explain how to build responsive/adaptive web pages. If you're getting started, here are some articles that I found so far (this is a work in progress) which are simple and easily understandable -

• Responsive Design with CSS3 Media Queries
• CSS3 Media Queries
• The width:auto\9; IE (for versions 8 & below) hack to make images flexible
• Responsive Web Design - Ethan Marcotte
• Media Queries - MDN
• v5, the Responsive HTML5 Master Page for SharePoint Server 2010 - Kyle Schaeffer
• Responsive Resources - Brad Frost

A good way to study responsive design is to look at the source of websites that have implemented it, especially ones that are not too complex, like the Google - Good to Know site.