O'Reilly logo

Responsive Design Workflow by Stephen Hay

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

8. Creating a Web-Based Design Mockup

“My name is web design, and I have a problem.”

STEPHANIE RIEGER

By now my opinion on static mockups should be clear: they’re not practical for responsive design. They’re not effectively scalable. Once you have a static mockup, creating a second doesn’t double work time, but both time and cost will be increased—all the more as multiples increase. Many changes have to be made manually, which is ridiculous when we have technology that can make it easier for us.

Note

A great advantage of using web-based mockups is that while viewing them in the browser, you can open up your browser’s developer tools and make changes on the fly. This is great for trying out ideas.

Imagine being asked by a client to change the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required