Suddenly, billions of people are accessing the web via smartphones and tablets of all shapes and sizes, using interfaces and displays of all kinds: touch screens, gestures, keyboards, mice, trackballs, high PPI screens, giant screens, you name it. Responsive Mobile Design teaches you principles, techniques, and best practices for building sites that deliver a successful experience to all users on all devices.
Writing for developers, designers, and managers, Phil Dutson shows how to create content that is responsive "from the start." He begins with crucial issues of design and strategy, and then delivers the technical know-how you need to transform responsive designs into responsive sites. Along the way, you'll find coverage of crucial issues such as integrating media content; optimizing performance; serving Retina or high-density displays; and using advanced server techniques to deliver content more efficiently.
You'll discover tools for designing responsive sites more easily -- and above all, techniques for promoting responsiveness by keeping site development simple and flexible. Throughout, Dutson combines detailed and practical explanations with fully-functional code snippets designed for easy reuse; extensive downloadable resources are provided online.
- Features included in this book:
- Learn why content matters
- Discover why starting mobile first is the best practice
- See how changing art direction with responsive images can be leveraged to improve the speed of your site as well as help convey your visual message
- Learn about using a grid system with your design and how to avoid making it feel like your design has been placed in a box
- Understand the important differences between measurement values such as px, em, rem, and viewport units
- Improve the finer details of your design with web fonts
- Retro-fit your current website with working paradigms that you will need for current and future development
- Start incorporating web components into your HTML markup
- Learn how to use built-in browser development tools to get the most out of your debugging or "in-browser" prototyping phase