xiii 前言
001 第1章 擁抱不確定性
002 擁抱不確定性
004 從微軟獨傢壟斷到今天百花齊放
005 我們現在所處的位置
006 瀏覽器
011 開放的Web 平颱
018 網絡速度和質量
019 人機交互界麵
021 屏幕分辨率和屏幕方嚮
021 像素密度
025 2% 究竟意味著什麼？
026 這正是我們想要的
029 第2章掌控Web 的不確定性
030 不要因Web 的本性而責備它
030 識彆和擁抱你的受眾
034 測試並祈禱最好的結果
038 專注於最優，而不是絕對的解決方案
040 擁抱可訪問性
041 為非文字的內容提供可替代的文本
044 確保信息和結構與錶現的分離
044 確保可以用鍵盤進行所有功能性操作
045 除非必需的定時或移動，否則用戶應當可以暫停內容
045 提供機製幫助用戶找到內容、定位位置和導航頁麵
046 幫助用戶避免犯錯，以及讓糾正錯誤變得簡單
047 為現在和未來的UA 提供兼容（包括輔助技術）
047 不要止步於此
047 丟掉你的技術偏見
048 iPhone 是唯一的移動端體驗
049 可關掉的，無法修復/重現的問題。
049 和主流的觀點相反，IE 確實還存在
051 設身處地
051 丟掉你的框架庫偏見
052 jQuery
053 MV* 框架
053 關注技術前沿
055 張開你的翅膀（並質疑你的推斷）
057 第3 章新特性的開發
058 特徵檢測
059 一個比較復雜的特徵檢測案例
060 使用Modernizr庫
061 舊版本IE：Modernizr 讓它現代化的案例
061 使用（和不使用）Modernizr
064 Modernizr 的特徵檢測
067 定製Modernizr
068 使用Modernizr 進行特徵檢測
071 跨瀏覽器的Polyfills
072 其他的Modernizr 方法
075 管理那些不可檢測的特徵
077 常用的特徵檢測及相關的polyfills
080 “前端開發做該做的事情”
081 第4 章響應式設計與移動端體驗設計
082 波士頓環球報采用響應式重新設計
083 響應式設計真的適閤所有網站？
085 移動端優先，RESS 及其他通用的移動端開發
086 專用的移動體驗
087 移動端優先
087 漸進增強
087 RESS
088 選擇正確的開發捷徑
088 你的團隊的大小與技能
088 你的網站或應用的要求
088 你的用戶類型
089 你的預算
089 響應式設計的好處
090 響應式的缺點
091 專用的移動端站點體驗的優點
092 專用的移動端站點體驗的缺點
093 Facebook 做什麼，我們就要跟著做什麼嗎？或者是美國最大的站點在做
什麼，我們就要去做什麼嗎？
095 選擇對你項目有實際意義的架構
097 重定嚮應該解決邏輯問題
099 重定嚮選項
099 簡單的重定嚮
103 更復雜的查詢
104 總是在你的移動站點上提供一個齣口
106 盡可能保持流體設計
109 不要吝嗇於使用斷點
110 相對單位
112 “接受事物的潮起潮落”
113 第5章處理用戶輸入
114 Web上用戶輸入的現狀
116 “觸屏”檢測的概念問題
116 “觸屏”檢測的技術問題
118 後果自負
119 徹底失敗
120 局部失誤
122 為各種潛在的用戶輸入方式做設計
122 為所有界麵提供觸摸功能
122 彆依賴Hover
123 擁抱明確性
123 處理所有的用戶輸入方式
123 觸摸事件與鼠標事件的現狀
137 彆假設任何事，為所有人服務
139 第6章 齣奇復雜的Web圖片
140 圖片悄悄地變復雜瞭
142 提供盡可能小的文件尺寸
142 利用瀏覽器的預加載
143 為各種分辨率提供尺寸閤適的圖片
143 為具備多種像素比的設備提供正確尺寸的圖片
143 在不同環境使用不同尺寸的圖片或不同的圖片
144 使用設計斷點
144 提供正確的圖片格式
144 圖片很簡單，並且應該保持簡單
144 為Web 去優化圖片
144 JPEG
147 選擇正確的圖片格式
148 尋求CDN 解決方案
148 響應式圖片
149 通過配置去解決問題（至少不需要增加額外的事情）
150 srcset 屬性
153 picture 元素
157 Picturefill、picture 元素的Polyfill
158 擁抱SVG
162 服務端處理
162 超實用的開發指南
163 明確圖片對你站點的重要性
163 把基本的處理做好
163 盡可能用最簡單的方案
164 學會去愛SVG
164 測試！
164 小結
165 第7章 極其復雜的Web視頻
166 核心技術
166 video 元素
169 通過Flash 降級
170 存儲與編解碼
173 Video.js
175 Mime 類型和流媒體自適應比特率
177 用專業的方式去處理
177 YouTube
181 Vimeo
184 一個復雜的例子
187 第8章 理想的Web
188 事情總會變得更好（雖然偶爾會變得更糟）
188 Firefox 宣布支持h.264 編解碼
189 從消亡中迴來的picture
189 Point 事件或許真的會消失
190 我知道這樣的事情會發生
190 讓我們推動一切嚮前發展
190 開發人員、瀏覽器廠商和標準機構作用下的Web世界
191 快速、可靠、廣泛地使用Web世界
193 Web 沒有所謂的贏
194 開啓我們想要的Web世界
195 索引
· · · · · · (收起)