Mastering Responsive Web Design

Ricardo Zea

  • 出版商: Packt Publishing
  • 出版日期: 2015-08-24
  • 售價: $2,130
  • 貴賓價: 9.5$2,024
  • 語言: 英文
  • 頁數: 334
  • 裝訂: Paperback
  • ISBN: 1783550236
  • ISBN-13: 9781783550234
  • 相關分類: 網頁設計
  • 下單後立即進貨 (約3~4週)

相關主題

商品描述

Push your HTML and CSS skills to the limit and build professional grade, responsive websites

About This Book

  • Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from
  • Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS
  • Each chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web design

Who This Book Is For

If you're already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you're a web designer, or web developer, you'll find something here to help you in your responsive design journey.

What You Will Learn

  • Install and use Sass with SCSS syntax to create your CSS
  • Use HTML5 tags the right way, for the right type of content
  • Enhance the experience of users with assistive technology with ARIA roles
  • Design with a desktop-first approach, but implement with mobile-first methodology
  • Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout ‘flexibility'
  • Retrofit your old web sites with your new responsive design skills
  • Deal with legacy browsers, and learn how to keep your designs consistent
  • Implement widely used responsive patterns, such as the drawer navigation , the off-canvas and the flexbox-based navigation patterns
  • Find the best way to serve the right type of image and how to make videos responsive
  • Build custom responsive emails to ensure the message gets across regardless of the device

In Detail

Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory.

Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We'll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We'll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds.

After this we will learn how to use an easily scalable CSS grid or, if you prefer, how to use Flexbox instead. We also cover how to implement images and video in both responsive and responsible ways. Finally, we build a solid and elegant typographic scale, and make sure your messages and communications display correctly with responsive emails.

Style and approach

Designing and developing for the web should be fun, and that's the tone used in the book. This book is written in a step-by-step format with clean-cut examples. You will also find tips and notes all over the book to help clarify those small and simple details most books and tutorials assume you already know.

商品描述(中文翻譯)

推進你的 HTML 和 CSS 技能到極限,打造專業級的響應式網站

關於本書
- 透過 HTML5 和 CSS3 的最佳實踐,將你的 RWD 技能提升到下一個層次,為你建立堅實的基礎
- 利用 CSS 預處理器 Sass 的強大功能,加速 CSS 的創建
- 每一章深入探討 RWD 的不同面向,旨在讓你跟上專業網頁設計的最新發展

本書適合誰
如果你已經在建立響應式設計並希望提升技能,那麼《精通響應式網頁設計》就是為你而寫的書。無論你是網頁設計師還是網頁開發者,你都會在這裡找到幫助你在響應式設計旅程中的資源。

你將學到什麼
- 安裝並使用 SCSS 語法的 Sass 來創建你的 CSS
- 正確使用 HTML5 標籤,針對正確類型的內容
- 透過 ARIA 角色增強使用輔助技術的用戶體驗
- 採用桌面優先的設計方法,但以移動優先的方式實施
- 通過創建自己的可擴展 CSS 網格或使用 Flexbox 來掌握佈局的「靈活性」
- 將舊網站改造為新的響應式設計
- 處理舊版瀏覽器,學習如何保持設計的一致性
- 實施廣泛使用的響應式模式,如抽屜導航、畫布外導航和基於 Flexbox 的導航模式
- 找到提供正確類型圖像的最佳方法,以及如何使視頻響應式
- 建立自訂的響應式電子郵件,以確保信息無論在何種設備上都能傳達

詳細內容
使用 HTML5 和 CSS3 建立強大且可訪問的網站和應用程式是創造難忘用戶體驗的必要條件。在不斷變化的網頁設計和開發世界中,精通響應式網頁設計不再是選擇,而是必須。

每一章都將使你更接近成為 RWD 專家的目標。從一開始,我們將介紹 Sass 的強大功能,提升撰寫重複 CSS 任務的速度。接著,我們將使用簡單但有意義的 HTML 範例,並添加 ARIA 角色以增強可訪問性。我們還將討論何時使用桌面優先或移動優先的方法,以及在 HTML 建構中實施移動優先方法的策略。

之後,我們將學習如何使用易於擴展的 CSS 網格,或者如果你更喜歡的話,如何使用 Flexbox。我們還將涵蓋如何以響應式和負責任的方式實施圖像和視頻。最後,我們將建立一個穩固而優雅的排版比例,並確保你的信息和通訊在響應式電子郵件中正確顯示。

風格與方法
設計和開發網頁應該是有趣的,這也是本書所採用的語調。本書以逐步的格式撰寫,並提供清晰的範例。你還會在書中找到各種提示和註解,以幫助澄清那些大多數書籍和教程假設你已經知道的小細節。