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
Comments
Post a Comment