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 索引
· · · · · · (
收起)