Mule

Off the Hoof

You are reading Mule Design Studio's weblog.

Book Review: Responsive Web Design by Ethan Marcotte

Responsive Web Design Cover

Ever since the folks at A Book Apart started publishing books, it was a pretty sure thing that the material and product would both be good. That has borne out.

All of the books have been valuable. But this one is the one that gave me the old lightning bolt of clarity that I used to get when my job meant learning something brand new every week. Not that I don’t still learn new things, but very few of them make me rethink my entire approach to how I work.

Ethan’s book did.

The ideas behind responsive design have been out there for a while now, all the way back to the first standards groundswell. Lots of people who understood the problems with using tables as layout tools also believed that fixing the width of a web page was unacceptable and counter to the medium. And lots of other people agreed in principle (Hi! I was one!) but felt like that was a bridge too far. We had enough work getting well-designed sites to work reliably across browsers without also having to worry about how the site would look at any old random resolution or width. So we gritted our teeth and did the best we could.

Fortunately, there were people who never gave up on those ideals. And now we have the tools (HTML5, CSS 3, various JavaScript libraries) to create this more perfect web, as well as a slew of highly compliant web browsers (even one from Microsoft!) to use them. And there are people who have been figuring out how to pull all these tools together.

What’s been lacking has been that one clear, concise overview for those of us who see the value of responsive design but haven’t had time to put all the pieces together in practice. That’s what this book does. Ethan lays out his methodology with great clarity, starting with a Photoshop comp and some familiar HTML and CSS and walking through the steps of turning a fixed-width layout into something that has been carefully crafted to look good on everything from smartphones to giant flatscreen monitors. The mechanics of it hinge on one linchpin formula, which is where the lightning bolt came for me. (I don’t want to spoil the surprise. You’ll have to read the book.) By the time you finish, you might be thinking differently about how you approach projects.

Which is not to say that Ethan’s book is everything you need to know about responsive design. It’s enough to get you off the ground. As soon as you start applying his methodology, you’ll see where you still have work to do. At Mule we have two projects in-house right now that are really good candidates for responsive design. Both are more complex than the sample site that Ethan builds in his book, so learning where, when, and how to apply responsive principles to a complex, site-wide layout has proved an interesting exercise for the whole studio. It requires you to think expansively in both directions of your project flow: all the way back to the IA (“Does this flow change if we have 1200 pixels of width to work with?”) and all the way ahead to implementation and use (“How will this navigation work on a smartphone?”).

So far it’s been a great exercise for us. I bet it will be for you, too.

Buy Responsive Web Design from A Book Apart.

This article is translated to Serbo-Croatian language by Anja Skrba from Webhostinggeeks.com.

Density and Difference

About Mule Design Studio

Mule creates delightful interfaces, strong identities, and clear voices for useful systems and nice people.
Also, We are funnier than all other designers.

Loading

Design is a Job

Now available as an audiobook from Audible.com