Responsive Web Development: Real World Applications

I came across an educational article at Smashing Magazine today that I’d like to share. It’s called “A Foot On The Bottom Rung: First Forays Into Responsive Web Development.” It was written by Gavyn McKenzie, a front-end web developer from the UK.

Responsive Web DevelopmentI’ve been designing and developing responsively (and responsibly) for a while now, and have recently written about responsive web design and how you can make your site usable on any device. My article covered the basics, but there is so much more to talk about concerning responsive design and development.

In the Smashing article, Gavyn details his experience of working on a team to revamp their mobile presence. The team proposed doing away with device-specific apps and developing a single responsive website that could be served to both desktop and mobile users. For this to work, they had to make an existing website responsive while retaining the standard layout for desktop users. He covers various methods of achieving success, best practices, fall-backs, bugs, and problem areas.

Gavyn does a great job of explaining the entire process. He offers various insights into frameworks, media queries, Modernizr, mobile first, CSS columns, CSS gradients, forms, user interface, lightboxes, hovers, date-pickers, and playing nice with older versions of Internet Explorer.

[…]

Responsive Web Design

How to make your site awesome on any device, on any platform.

Responsive Web Design

Mobile is Growing Fast

Responsive Web Design is the future. The World Wide Web is expanding. It’s not just available from your desktop anymore. The web can now be accessed from many devices such as Televisions, Telephones, Tablets, etc. More people are able to access the web than ever before. The mobile market, in particular, has exploded along with the recent popularity of smarter phones and tablets.

[…]