Responsive Design Workflow

by Stephen Hay

Foreword by Ethan Marcotte

About The Book

Forget fixed-width Photoshop comps and overproduced wireframes. Yesterday's web design deliverables fail to take into account the demands of responsive solutions. Design workflow hasn't really changed, but best practices have. This book shows you how to adapt to the new paradigm and create sites for today's web. Some of the strategies you'll learn include:

• how to better manage client expectations and development requirements
• a practical approach for designing in the browser
• documentation methods that outperform static Photoshop comps
• a method for visualizing the points where responsive designs change

After absorbing the lessons in this book, you'll leave behind old-school workflows and start working in ways that are uniquely suited to today's multi-platform web.

About The Author

Native Californian Stephen Hay has been living and working in the Netherlands since 1992, and he's been designing for the web since 1995. His roots as a designer and art director in corporate identity, packaging design, and advertising served as a foundation for his current work as a web design and development strategist through his own user experience consultancy, Zero Interface. Stephen speaks at industry events and writes about CSS, web accessibility, open web standards, and design.

Table of Contents

The book's example code is available on GitHub.

• Chapter 1: In Splendid Variety These Changes Come
• Chapter 2: From the Content Out
• Chapter 3: Content Reference Wireframes
• Chapter 4: Designing in Text
• Chapter 5: Linear Design
• Chapter 6: Breakpoint Graphs
• Chapter 7: Designing for Breakpoints
• Chapter 8: Creating a Web-Based Design Mockup
• Chapter 9: Presentation, Round One: Screenshots
• Chapter 10: Presentation, Round Two: In the Browser
• Chapter 11: Creating Design Guidelines