Ethan Marcotte: Responsive Web Design

This interview is with Ethan Marcotte (@Beep) who was at InControl Orlando speaking about Responsive Web Design.

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.

Which Approach

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!

em-rwd

Here are Ethan’s own words about the book from his blog:

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

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.

The Giveaway!

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.

Author

Gene Crawford

With over a decade of experience in the industry he has overseen the design and architecture of hundreds of web sites and applications. An active member in the design community, he's the editor & producer of unmatchedstyle.com, the ConvergeSE, ConvergeFL, ConvergeRVA and the Breaking Development conference series.