Responsive Mobile Design

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