I asked Ethan how he came up with calling it Responsive Web Design and his approach to it. He’s a humble man so he immediately credits others with influencing him. Given that we now have tools like media queries and flexible grid layouts at our disposal this is a natural progression in creating designs that work to self correct themselves for different screen sizes. Now that we all have “the internet in our pants” as web designers we’re being forced to make decisions on creating a stand alone mobile website or utilizing RWD or nothing at all. This approach Ethan is discussing is a very compelling solution to many web design scenarios.
We briefly discussed Any Clarke’s post where he says “I don’t care about Responsive Web Design”. Ethan agrees, I do too. But I do still care about RWD and helping to foster it’s overall acceptance and practice within our community of web designers. I’m glad they’re all excited and talking about it too.
Looking at how to choose RWD over a stand alone mobile site isn’t clear cut. If you already have a strong presence with a site on the “desktop web” then maybe a mobile site is the way for you or your client. Ethan’s approach is to look at how your users are accessing the website comparing that to your goals and examining where the overlap is. Often this will help you nail down the best approach.
A Book Apart: Responsive Web Design
In our interview his book wasn’t out yet, but it’s out now. I just ordered a couple copies for myself (we’re also giving away a copy to our readers!) I’ve been following Ethan’s RWD writings and discussions, it’s come a really long way since the original ALA article (from May 2010). Also I heartily agree with Roger Johansson’s review!
It’s a crash course in how you can apply fluid grids, flexible images, and media queries to your own work, but let’s face it: design is so much more than those three ingredients. As a result, I’ve tried to share a few stories I’ve picked up from working on real, live responsive projects: the lessons I’ve learned, the questions that have been raised, the hard choices made.
You can read an excerpt (Chapter 3) on A List Apart right now.
Ethan Marcotte is an independent designer/developer who is passionate about beautiful design, elegant code, and the intersection of the two. Over the years, his clientele has included New York Magazine, Stanford University, and the World Wide Web Consortium. Ethan swears profusely on Twitter, and would like to be an unstoppable robot ninja when he grows up. Beep.
Leave us a comment about how you’ve used Responsive Web Design on a recent project, or plan to and we’ll randomly choose one of you to get a free copy of Ethan’s book in a couple of weeks.