推薦
技術
回響式設計並不是一種新技術,它是媒介走向成熟的開端,也是我們對於Web的思考方式的基本轉變。技巧
從本書中,我們可以看到這種基本轉變會給設計和構建網頁的方法帶來怎樣的影響。讀者可以從本書中學到:* 如何結合使用流動布局、媒介查詢和流動媒介來構建回響式網頁;
* 如何從項目一開始就採用回響式的工作流程;
* 如何為不同的設備強化內容;
* 如何使用功能檢測和伺服器端檢測來提供更好的用戶體驗。
前端設計人員必讀
實例豐富,牢牢掌握最新技術
內容
隨著各種各樣的移動設備不斷地湧現到使用者面前,Web設計的適應性已經成為設計師們所面臨的最為艱巨的挑戰。你設計出的網站不僅要在桌面計算機的大尺寸螢幕上可以為用戶提供友好的UI和用戶體驗,同時在小尺寸螢幕上也應該可以提供一致的用戶體驗,並可以讓用戶能夠在桌面大螢幕上和移動小螢幕上平滑切換,同時沒有任何的不適應感覺。 《回響式Web設計實踐》作者是一位出色的開發者,在《回響式Web設計實踐》中,他將諸多技術和設計理念雜糅在一起,再輔以大量詳細的配圖、注釋、引用等加以說明,從理論到實踐,對回響式設計進行了詳盡的解讀。《回響式Web設計實踐》適合從事Web設計的前端工程師和開發人員閱讀參考。
目錄
第1章 無處不在的Web1.1 我們錯在哪裡
1.2 設備來了,設備來了
1.2.1 螢幕尺寸
1.2.2 網速
1.2.3 對於標準的支持
1.2.4 輸入方式
1.2.5 使用環境
1.3 獨立站點
1.4 成為回響式的
1.5 為什麼又是一本關於回響式設計的書
1.6 本書包含哪些內容
1.7 這本書寫給誰
1.8 代碼格式
第2章 流動布局
2.1 布局選項
2.1.1 固定布局
2.1.2 流動布局
2.1.3 彈性布局
2.1.4 混合布局
2.1.5 哪種布局是最具回響性的
2.2 字型大小
2.2.1 像素
2.2.2 em
2.2.3 百分比
2.2.4 獎勵關卡:rem
2.2.5 哪種單位是最具回響性的
2.2.6 從像素轉換
2.3 格線布局
2.3.1 從內容出發
2.3.2 設定格線
2.4 混合固定寬度和流動寬度
2.5 結束語
第3章 媒介查詢
3.1 視口
3.1.1 像素就是像素,除非它不是像素
3.1.2 視口標籤和屬性
3.2 媒介查詢結構
3.2.1 媒介類型
3.2.2 媒介表達式
3.2.3 邏輯關鍵字
3.2.4 規則
3.3 內嵌樣式與外部樣式
3.4 媒介查詢順序
3.4.1 從桌面端向下設計
3.4.2 從移動端向上設計
3.5 創建核心體驗
3.6 確定斷點
3.6.1 追隨內容
3.6.2 增強對大螢幕的支持
3.6.3 使用em為媒介查詢增加靈活性
3.7 導航欄
3.8 對IE的支持
3.9 結束語
第4章 回響式多媒體
4.1 問題是什麼
4.2 有選擇地為手機提供圖片
4.2.1 JavaScript
4.2.2 matchMedia介紹
4.3 回響式圖片策略
4.3.1 和瀏覽器比賽
4.3.2 默許瀏覽器的行為
4.3.3 找伺服器幫忙
4.4 回響式圖片的實現方法
4.4.1 Src
4.4.2 自適應圖片
4.4.3 等等,答案是什麼
4.5 背景圖片
4.6 高解析度螢幕
4.7 其他固定寬度的內容
4.7.1 視頻
4.7.2 廣告
4.8 結束語
第5章 計畫
5.1 選擇成為回響式的
5.2 考慮因素
5.2.1 性能
5.2.2 使用環境
5.2.3 內容協商
5.2.4 時間投入
5.2.5 支持
5.2.6 廣告
5.2.7 結論
5.3 考慮你的分析
5.3.1 傾斜的網站分析
5.3.2 哪些統計最重要
5.3.3 傾斜的市場份額統計
5.4 考慮內容
5.4.1 內容審計
5.4.2 頁面表格
5.5 考慮目標平台和設備
5.6 考慮跨設備體驗
5.7 準備測試平台
5.7.1 真實設備
5.7.2 模擬器
5.7.3 第三方服務
5.8 結束語
第6章 設計流程
6.1 你的里程可能會有所不同
6.1.1 一種可互動媒介
6.1.2 協作
6.1.3 用系統的方式思考
6.2 優先考慮手機
6.2.1 手機在爆炸式地增長
6.2.2 手機迫使你專注
6.2.3 手機延伸了你的能力
6.3 工具
6.3.1 線框圖
6.3.2 模型
6.3.3 樣式嚮導
6.4 結束語
第7章 回響式內容
7.1 從內容開始
7.2 內容類型
7.2.1 目的
7.2.2 創建
7.2.3 結構
7.3 在什麼時候顯示什麼內容
7.3.1 刪除內容
7.3.2 加強內容
7.4 何時改變內容的順序?
7.5 我們該何去何從
7.5.1 代碼湯
7.5.2 嬰兒學步
7.5.3 構建API
7.6 結束語
第8章 RESS
8.1 用戶代理檢測
8.1.1 用戶代理字元串剖析
8.1.2 用戶代理字元串可以用來做什麼
8.2 功能檢測
8.2.1 Modernizr
8.2.2 伺服器端Modernizr
8.3 將用戶代理檢測和功能檢測相結合
8.4 RESS:兩全其美
8.5 混亂局面
8.6 安裝WURFL
8.7 檢測功能
8.7.1 增加功能檢測
8.7.2 撥打電話
8.7.3 為觸摸而最佳化
8.8 結束語
第9章 回響式體驗
9.1 感測器系統
9.2 網路
9.3 使用環境
9.3.1 使用環境分類
9.3.2 觀察及研究
9.4 設備能力
9.4.1 HTML5的輸入類型
9.4.2 API
9.5 結束語
後記 展望未來