Dutson shows how to design sites that are responsive “from the start,” while keeping development simple and flexible. Next, he delivers complete technical know-how for transforming responsive designs into responsive sites. You’ll find coverage of key issues such as integrating media content, optimizing performance, and serving Retina or high-density displays.

Throughout, he combines detailed and practical explanations with functional, easy-to-reuse code snippets. 

Coverage includes

• Demonstrating why “mobile first” is still a best practice

• Fusing content, structure, and beauty to deliver experiences users love

• Using responsive images to improve speed and convey visual messages more effectively

• Using grid systems without making it feel like your design is “locked in a box”

• Mastering measurement values such as px, em, rem, and viewport units—and understanding their crucial differences

• Improving the finer details of your design with web fonts

• Retrofitting current websites to prepare them for the future

• Introducing web components into your HTML markup

• Using built-in browser development tools to streamline debugging and “in-browser” prototyping

Download