In our industry, everything changes quickly, usually for the better. We have more and better tools for creating websites and applications that work across multiple platforms. Oddly enough, design workflow hasn't changed much, and what has changed is often for worse. Old-school workflow is simply not effective on our multiplatform web. Fixed-width Photoshop comps and overproduced wireframes are no longer the way to design for today's multi-platform web. This book provides a practical approach for "designing in the browser." It shows how to better manage client expectations and development requirements, and offers a method of design documentation.

Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch. Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays. Start with content strategy before creating a visual design Learn why your default design should be for the narrowest screens Explore the HTML elements and CSS properties essential for responsive web design Use media queries to display different CSS styles based on a device’s viewport width Handle elements such as images, typography, and navigation Use performance optimization techniques to make your site lighter and faster

New devices and platforms emerge daily. Browsers iterate at a remarkable pace. Faced with this volatile landscape we can either struggle for control or we can embrace the inherent flexibility of the web. Responsive design is not just another technique–it is the beginning of the maturation of a medium and a fundamental shift in the way we think about the web. Implementing Responsive Design is a practical examination of how this fundamental shift affects the way we design and build our sites. Readers will learn how to: Build responsive sites using a combination of fluid layouts, media queries, and fluid media Adopt a responsive workflow from the very start of a project Enhance content for different devices Use feature-detection and server-side enhancement to provide a richer experience

This new book is aimed at the visual Web design student who is accustomed to working in Photoshop. Adobe Photoshop CC contains many new features that help streamline the process of converting a static page design to a set of components for a responsive web page. It balances coverage of conceptual issues (how to fit tools like Photoshop to the design workflow rather than fitting a workflow to the tools) with practical design exercises tailored to help communicate the overall design direction of the page while respecting the needs of the fluid Web. In addition, the author introduces methods for taking HTML back into Photoshop for further refinement. Dan Rose is one of the best-known advocates of this new way of working in Photoshop. He's observed that only a few people are talking about Photoshop for RWD constructively, yet a majority (63% as of his last informal poll) of web designers are using Photoshop for more than simple asset creation. This transition is a pain point for many designers.

Forget fixed-width Photoshop comps, bloated client requirements, 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.

These eBooks are the long-awaited digital version of our bestselling printed book about best practices in modern Web design. They share valuable practical insight into design, usability and coding, provide professional advice for designing mobile applications and building successful e-commerce websites, and explain common coding mistakes and how to avoid them. You'll explore the principles of professional design thinking and graphic design and learn how to apply psychology and game theory to create engaging user experiences.

Responsive Web Design Toolkit: Hammering Websites into Shape focuses on the nuts and bolts of responsive web design, showing you how to better build and how to debug websites that use the responsive technique. This book guides you through the technology that programmers use to build, test, and debug responsive websites. Covering what engineers do, how localhost can help, and DIY-testing, this book shows technically-minded designers how to create digital objects that lead to shorter development times, quicker testing cycles, and more insight into users and their mobile devices, ultimately leading to better products.