Phil Dutson 
Responsive Mobile Design [PDF ebook] 
Designing for Every Device

Create Web Designs That Work Perfectly on Any Device-Simply and Beautifully! Billions of people access the web via smartphones, tablets, and devices of all types, using every imaginable interface and display. But they all want the same thing: the right information, right now, delivered in the most aesthetically pleasing way possible. Give them what they want with Responsive Mobile Design. Whether you’re a developer, designer, or manager, Phil Dutson teaches you principles, techniques, and best practices for delivering a successful experience to all users on all devices. 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