With people now using different devices to view the web, responsive design has become increasingly important and looks set to shape the way web sites are built in the future. With this in mind, I’ve used the Twitter Bootstrap framework to make Retro Edge™ responsive.
So, what does responsive design actually mean? The clue is in the name, responsive. As a user switches between different platforms, from their desktop to their iPad to their iPhone (and Android devices of course, I admit to being biased) the website in question responds to accommodate the new screen resolution. This allows us as designers to adapt a websites design to fit the device, which ultimately leads to a better user experience. With the number of devices used to connect to the internet increasing all the time, responsive design is more important than you might think.
How does it work?
Using media queries designers can target different screen resolutions and amend CSS to change the layout and look of the site. It’s difficult to show how responsive design works without throwing in some examples. http://mediaqueri.es has a nice selection of responsive web sites and probably shows what can be achieved quicker than explaining it here. For more examples check out http://inspirationfeed.com, http://thenextweb.com and http://www.awwwards.com.