Responsive Mobile Design: Designing for Every Device (Paperback)

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

創建適用於任何設備的網頁設計-簡單而美觀！

數十億人通過智能手機、平板電腦和各種設備訪問網絡，使用各種界面和顯示方式。但他們都希望得到同樣的東西：即時獲取正確的信息，以最美觀的方式呈現。使用響應式移動設計來滿足他們的需求。

無論您是開發人員、設計師還是經理，Phil Dutson都會教您提供給所有設備上的所有用戶成功體驗的原則、技巧和最佳實踐。

Dutson展示了如何從一開始就設計響應式網站，同時保持開發的簡單和靈活。接下來，他提供了將響應式設計轉化為響應式網站的完整技術知識。您將找到有關集成媒體內容、優化性能和提供Retina或高密度顯示的關鍵問題的覆蓋範圍。

在整個過程中，他結合了詳細而實用的解釋和易於重用的代碼片段。

內容包括：
•    證明“從移動設備開始”仍然是最佳實踐
•    融合內容、結構和美感，提供用戶喜愛的體驗
•    使用響應式圖像提高速度並更有效地傳達視覺信息
•    使用網格系統，而不讓設計感覺像是“被限制在盒子裡”
•    掌握像素(px)、em、rem和視口單位等測量值，並了解它們的重要區別
•    使用網頁字體改進設計的細節
•    更新現有網站，為未來做好準備
•    在HTML標記中引入網頁組件
•    使用內置的瀏覽器開發工具來簡化調試和“瀏覽器內”原型設計