21 Fresh Examples of Responsive Web Design

Responsive design is something a lot of designers talk about. And considering the importance of responsiveness and all the buzz around it, it’s impressive the amount of websites that are still not responsive. By now, with the amazing growth of mobile usage, every single website should be responsive to be able to attend to every user’s “screen size needs.” By WDL

A (not so) jilted English professor’s guide to creative web design

Responsive design has some definite buzz of late, and with good reason. It promises to simplify the increasingly complex task of adapting websites for the countless new devices multiplying by the minute. By Webdesigner Depot

15 fabulous responsive sites for your inspiration

Antony and Jerome Ribot present 15 of the best responsive sites featured in our mag's Gallery over the last six months. By .Net Magazine

Build a responsive site in a week: media queries (part 4)

 

In the penultimate part of our responsive web design tutorial, Clearleft's Paul Robert Lloyd explains how media queries work, and describes a device-agnostic approach to breakpoints. By .Net Magazine

Behind The Scenes Of Tourism New Zealand (Case Study)

In 2011 we saw the rise in popularity of two relatively new trends: responsive Web design and the use of HTML’s canvas. While some websites had experimented with both, in the last 12 months we’ve seen these trends move from the fringes firmly into the mainstream. By Smashing Magazine

Progressive And Responsive Navigation

Developing for the Web can be a difficult yet rewarding job. Given the number of browsers across the number of platforms, it can sometimes be a bit overwhelming. By Smashing Magazine

Responsive Design in 3 steps

Responsive web design is no doubt a big thing now. If you're still not familiar with responsive design, check out this article. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. By Web Designer Wall

Responsive Images: How they Almost Worked and What We Need

When Ethan Marcotte coined “responsive web design,” he said that a responsive website is made up of three things: a flexible grid, flexible images and media, and media queries. In doing so, he opened up a world of new and exciting things to obsess over. By A List Apart

Related articles

• Adaptive Web Design book review (veerle.duoh.com)
• Responsive Web Design Techniques, Tools and Design Strategies - Smashing Magazine (codingbird.com)

Ethan Marcotte on responsive web design

 

The godfather of web standards, Jeffrey Zeldman, talks to Ethan Marcotte, guru of responsive web design, about what it means, how it fits into the big picture and the best ways to put it into practice. By .Net

Seven lessons learned from responsive web design

What’s good for the developer isn’t necessarily good for the customer. Vince Allen, senior front-end developer at Lot18, gives the background on why responsive web design is the right focus for web development. By .Net

Responsive web design is boring!

Jonathan Longnecker, co-founder of web and graphic design agency FortySeven Media, argues that most responsive sites are boring and comes up with a few starting points to help us create designs that break the mould. By .Net Magazine

Responsive Web Design: What It Is and How To Use It

Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course. By Smashing Coding

Responsive Web Design Techniques, Tools and Design Strategies

Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing websites, it can be a bit overwhelming for those designers who have yet to try it. By Smashing Magazine

Beginner’s Guide to Responsive Web Design

Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. By Think Vitamin

Related articles

• Psychological Impact of Website Designs (pixelcrayons.com)

Responsive Web Design Demystified

What exactly is responsive design, and how do you create a responsive website? This tutorial explains the concepts, and walks you through the basic steps for creating a responsive website layout.  By Elated

60 Examples of Responsive Website Design

Responsive Website Design is nothing new, back in the day tablet based designers either chose the fluid or static route. Today’s responsive websites take a comparable approach by using fluid widths in percentages and ems. They do not stop, but take a step further by using scalable images and adjustable layouts. All of which is based on what kind or screen-size you are using while browsing the desired website. By InspirationFeed

Related articles

• 6 Guidelines for Exceptional Website Design and Usability (hubspot.com)

Responsive Web Design

"The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.” By Ethan Marcotte

Responsive Layout Wireframe

As we design for more devices, considerations for more responsive layouts which scale gracefully across varying screen sizes could be gaining in importance. By Wireframes Magazine

Responsive Web Design Techniques, Tools and Design Strategies

Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing websites, it can be a bit overwhelming for those designers who have yet to try it. By Smashing Magazine

Understanding the Elements of Responsive Web Design

Responsive web design is undoubtedly a hot topic in web design right now. To some degree, the popularity of the concept of responsive web design is well deserved because site users are increasingly diversifying their methods of accessing a website. By Jason Gross