4

10 More Incredible Examples of Responsive Web Design

dConstruct
Share!

A while back I provided a roundup of 10 Incredible Examples of Responsive Web Design, and as the craze for fluid websites continues the designs appear to be getting more complex and exciting.  Let’s take a look at 10 more responsive websites.

 

Sasquatch Music Festival 2012

Sasquatch made the original list, but they have since updated the design for their 2012 festival.  You’ll notice you don’t really lose any content between the regular computer version and the tablet sized layout, both display quite similarly.  The only real loss is the movement of the clouds and the flying sasquatch that you get in the full size version.

 

Teixido

Teixido is a full-service, branding and digital design studio with a flare for creativity.  I especially liked how most of the content on their homepage talked about how people don’t bother to read content any more.  As you pan through the different versions on your browser, notice how once you leave the larger, monitor friendly version for a background color appears to remind you what page you’re on.

 

Andersson-Wise

Andersson-Wise is anAustin,Texas based architect and design firm.  Antialiasing jQuery scripts help this site maintain its responsiveness, regardless of how big your display is, this site will keep up.  A very simple, modern, clean and classy look, perfect for an architect and design firm.

Warface

Warface is the real deal.  It’s creative, extremely fluid, has a 3d look to it, and if you stretch and squeeze the width you’ll notice that it’s not one flat image, but in fact several stacked on top of each other.  Gradients and shadowing allow them to pull off a site dominated by a color you don’t typically see heavy use of.

dConstruct 2012

The dConstruct conference website was another that made my original list, but have since updated for 2012.  This site is one of the prime examples for defining what a fluid site should be, all of the images resize themselves on the fly and you don’t really see a major difference in site versions until you hit the mobile spectrum and the site rearranges for easier navigation on a mobile device.

 

Ben Handzo

Ben Handzo is a fantastic example of responsive web design employing the Modernizr JavaScript library to assist in the responsiveness of the site.  There’s not much text on Ben’s site, but no one wants to read through pages of text, so Ben just lets his work do the talking for him.  A excellent portfolio site for an excellent portfolio.

 

Yoke

Yoke is a fluid site thanks to a bit of javascript and its WordPress platform.  A well organized and structured layout keeps all of the animations and imagery from giving the site a cluttered look, but keeps the site looking fun and creative.  The main image resizes on the fly, while the multicolumn layout transitions nicely from wide to skinny.

 

The Sweet Hat Club

The Sweet Hat Club hits the double with a responsive website and an awesome name.  The one thing I can’t stress enough when developing a site is to minimize the amount of content you choose to drop, ideally you shouldn’t drop anything.  This website does an excellent job of assuring their viewer gets the same amount of content on their mobile site as they do on their full version.  Hats off to that bit of detail!

 

Spigot

Spigot Design is yet another design firm who showcase their responsive abilities on their own website.  The overall look and layout of the site is very clean, almost minimalist, but a decent amount of color and creativity provide a nice balance and accent where it’s needed.

 

Sleepstreet

Sleepstreet is a fantastic example of what kind of magic a lot of dedication and a lot of JavaScript can do for a site.  A four column design provides an excellent foundation for responsiveness, while the previously mentioned javascript adjusts the images sizes on the fly, before hitting its three media queries for optimum browsing on whatever your device of choice is.

About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry’s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free website builder. Follow him on Twitter @TheScottStanton.

Get Free Email Updates!

Sign up now and receive an email when we publish new content.

We will never give away, trade or sell your email address. You can unsubscribe at any time.

About the Author

Scott Stanton

Scott Stanton has spent the past decade working nights developing HTML websites as a freelance web designer, only to write about the latest HTML website design trends at his day job as a freelance writer. Scott is a regular contributor for Wix.com and you can hang on his every word @TheScottStanton

Scott Stanton10 More Incredible Examples of Responsive Web Design

Comments 4

  1. Alex

    I really like that this trend is taking the world by storm, because it’s weird that we, designers and developers, did not do it before. I mean the whole idea of responsive design just makes perfect sense. I am not sure why it took us so long to come up with this idea. You know why?

  2. Pingback: Sites desenvolvidos com responsive design

Leave a Reply

Your email address will not be published. Required fields are marked *