Implementing Responsive Design

Responsive Web Design (RWD) aims to help designers and developers create sites that adapt seamlessly to any device, delivering an outstanding user experience wherever they are presented. But most guides to RWD focus narrowly on a few core techniques, such as media queries, fluid layouts, and fluid images. To build RWD sites that really work well, it's not enough to understand these techniques. You need to know how RWD impacts all facets of your development process. You need modern techniques for addressing each of these areas - especially techniques for bulletproofing RWD sites, maximizing their performance, and making them more manageable. Implementing Responsive Design, Second Edition delivers all this, and more.

 

Building on his widely-praised First Edition, Tim Kadlec has integrated all that's been learned about creating workflows and building sites for today's multi-device, multi-platform ecosystems. Kadlec's holistic approach arms you with all the knowledge you need to build responsive sites that deliver excellent functionality and performance. In this edition, he adds practical coverage of standards and technologies that have recently matured to the point where you can rely on them - including REMs for fluid typography, CSS flexboxes, compressive images, and improvements to SVG and RESS. Coverage includes:



Thinking about responsive design in the era of the anywhere/anytime web and the multi-screen experience
Planning responsive projects and creating design deliverables
Prototyping, designing in the browser, and considering "mobile first"
Making the most of fluid layouts and CSS media queries
Bringing media query support to non-supporting browsers
Simplifying and improving the testing process
Making responsive assets easier to implement
Managing key performance tradeoffs
Establishing more effective content negotiation
Using server-side options to make sites faster and more bulletproof
Previewing emerging techniques that respond to users, not just devices