In the last couple of months I have had the opportunity to study the appropriate techniques and to design several responsive web designs (like this blog you’re reading now ;-P). Since the publication of Ethan Marcotte’s Article about Responsive Design in A List Apart, there is an ongoing buzz on the interwebs about this ‘adaptiveness’ of a webpage’s layout to the device it’s being displayed on.
There have been several blog-posts around the blogosphere about this topic, with (mostly) the same websites over and over again. It’s not that I don’t like the responsive websites of Elliot Jay Stocks, Trent Walton, Simon Collison, Forefathers, Boston Globe, .., etc., because I do love those websites and yes, they somehow paved the way for the success responsive web design has now! So, nothing but .. R.E.S.P.E.C.T.!
But I just wanted to look a bit further and try to find the more ‘unknown’ gems, to see how other designers/developers deal with some of the practical problems designing responsive web sites (content management, navigation menu’s, responsiveness of images/vids, etc.).
The point of this post is not to just simply show you good looking screenshots. I’ve tried to give you some (‘unknown’) inspiration which could spark some ideas for your own website or blog, and how to make it responsive too. Good luck and I hope you’ll enjoy my little collection of 15 responsive web designs! So, let’s hit the road, Jack ..!
Nathan Leigh Davis
The Happy Bit
– § –
Taking inspiration from other designs will help you create beautiful websites that grab user’s attention and increase the effectiveness of your site’s message.