An Introduction to Responsive Web Design

Responsive Design

The insane explosion of web-enabled devices has created an epic mind-shift for web designers and developers alike. Looking back, 2011 has been described as "The Year of the Mobile" by Headscape's Paul Boag. It's only natural then that designers and developers were forced to rethink their approach and rethink the web as a medium in general. What emerged was, in my opinion and in the opinion of many experts, the biggest industry advancement of 2011: Responsive Design.

Without getting into the geeky details of CSS3 media queries (God bless you, by the way), here's a pretty basic video demonstration of how our responsively designed website adapts to changing screen resolutions and device orientations.

(I just noticed that I'm wearing the same sweater in this video as my profile pic embarrassing.)



Responsive Design is generally accepted in the web community as the way forward, as the way to address the challenges posed by the army of devices that bombard our desks, blogs and RSS feeds.

There are still some kinks to be worked out with respect to Responsive Design best practices, but the groundwork has been laid and the web is no longer platform specific. It's a ubiquitous monster that will soon find it's way into your shower and onto your coffeemaker.  I wonder what resolution a coffeemaker LCD will have?  Doesn't matter, Responsive Design will ensure your site looks good.

By Richard Hammond
Partner & Lead Developer
February 23rd, 2012
Disclaimer: Our team members contribute to this blog in their own voices. As such, opinions expressed in this post are not necessarily shared by Upanup. If you are curious or concerned, please contact us.