Yesterday’s theme of responsive web design carries over into today’s post of responsive web design inspiration. I’ll do a top 100 post one of these days as there are getting to be so many amazing examples of responsive design out there as it becomes more widely implemented.
For the uninitiated, responsive design is for web designers what a Swiss Army knife is for a outdoorsman. As Ethan Marcotte points out in his article for A List Apart, designers are faced with a greater number of devices, input modes, and browsers than ever before. Responsive web design is that single tool which allows a designer to create a page that just looks good no matter what sized screen you’re viewing it on. Without having to code a bunch of pages individually for each possible viewing scenario, responsive design allows a designer to implement rules about how the page will adapt depending on the size of the screen being used to view it. In other words, it allows a design to respond flexibly (and automatically) to the specific viewing needs of each user.
I’ve selected a few examples of sites which I feel elegantly demonstrate the principles of responsive design. Check them out and let me know in the comments if I’ve missed any other great examples. Also, I would love to hear about your experiences implementing responsive techniques in your own projects. If you want to stay up to date with our latest posts, subscribe to the DESGR RSS feed in the sidebar on the right.