響應式網頁設計超強來襲!通用於平板 X 智慧型手機 X 電腦 X 電視的跨平台設計應用範例(Implementing Responsive Design) | 拾書所

響應式網頁設計超強來襲!通用於平板 X 智慧型手機 X 電腦 X 電視的跨平台設計應用範例(Implementing Responsive Design)

$ 351 元 原價 450

<內容簡介>

響應式網頁設計新浪潮來襲,讓站台輕輕鬆鬆以百變姿態適應不同裝置平台!

近年隨著行動網路的發展,與各種智慧型手機、平板電腦、智慧型電視的興起,一般傳統網頁變得很難適應各種瀏覽器的解析度以及不同行動平台的顯示效果;為了讓用戶有更好的使用體驗與舒適的使用介面,越來越多的人採用本書介紹的響應式網頁相容於多種平台的設計概念,一次滿足各種裝置的特性,解決裝置與網頁顯示之間的混亂局面。

透過此書,我們可以看到這種基本轉變為設計和建構網頁帶來的影響,讀者更可從本書9章中學到如何結合使用流動布局、媒介查詢和流動媒介來建構響應式網頁、如何替不同的裝置強化內容,以及使用功能檢測和伺服器端檢測等來提供更好的用戶體驗。除外,此書還特別邀請多位設計師、前端開發工程師、web訪問性專家等,分享架構響應式站台的經驗,讀者可從中獲取寶貴的知識。


好評推薦-------------------------------------------------------------------------------------------------
Tim 提供了大量有關響應式Web設計的技術和技巧,這可以幫助你建立出適應多平台潮流的用戶體驗。』-Brad Frost 紐約R/GA公司行動網路戰略師

『任何想要深入了解Web的開發者都能從這本有魅力的書籍中獲益。』-Stephanie Rieger, YIIBU公司設計師


本書特色
提示學習目標:羅列各章主要學習內容,明確掌握學習進度。
統整各章重點:各章結語歸納出內容要點,強化學習成效。
收錄範例程式碼:揭示應用範例與程式碼,全面掌握設計要領與細節。
囊括最完整的設計方法:從核心技術、計畫、流程到團隊合作等。

 

<章節目錄>

致謝


Chapter 01
無處不在的Web
1.1
我們錯在哪裡
1.2
裝置來了,裝置來了
1.3
獨立站台
1.4
成為響應式
1.5
為什麼又是一本關於響應式設計的書
1.6
本書包含哪些內容
1.7
這本書寫給誰
1.8
程式碼格式

Chapter 02
流動布局
2.1
布局選項
2.2
字型大小
2.3
網格布局
2.4
混合固定寬度和流動寬度
2.5
結語

Chapter 03
媒介查詢
3.1
視口
3.2
媒介查詢結構
3.3
內嵌樣式與外部樣式
3.4
媒介查詢順序
3.5
建立核心體驗
3.6
確定斷點
3.7
導覽欄

Brand Slider