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 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 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 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 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.
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.
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 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.
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.
Today, I am giving away Web Design Riches, the ultimate guide on how to run a profitable web design business. Enter your name and email below to get instant access.