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 ...

Get Responsive Design Workflow now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.