详情
随着各种各样的移动设备不断地涌现到使用者面前，对于Web设计的适应性已经成为设计师们所面临的最为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供友好的UI和用户体验，同时在小尺寸屏幕上也应该可以提供一致的用户体验，并可以让用户可以在桌面大屏幕上和移动小屏幕上平滑切换，同时没有任何的不适应感觉。
本书适合从事Web设计的前端工程师和开发人员阅读参考。
目 录
第 1章 无处不在的Web 1
1.1 我们错在哪里 3
1.2 设备来了，设备来了 4
1.2.1 屏幕尺寸 6
1.2.2 网速 6
1.2.3 对于标准的支持 6
1.2.4 输入方式 7
1.2.5 使用环境 8
1.3 独立站点 8
1.4 成为响应式的 11
1.5 为什么又是一本关于响应式设计的书 16
1.6 本书包含哪些内容 17
1.7 这本书写给谁 18
1.8 代码格式 19
第 2章 流动布局 21
2.1 布局选项 23
2.1.1 固定布局 23
2.1.2 流动布局 25
2.1.3 弹性布局 26
2.1.4 混合布局 26
2.1.5 哪种布局是**具响应性的 27
2.2 字体大小 28
2.2.1 像素 28
2.2.2 em 29
2.2.3 百分比 31
2.2.4 奖励关卡：rem 32
2.2.5 哪种单位是**具响应性的 33
2.2.6 从像素转换 34
2.3 网格布局 37
2.3.1 从内容出发 38
2.3.2 设置网格 38
2.4 混合固定宽度和流动宽度 46
2.5 结束语 51
第3章 媒介查询 53
3.1 视口 57
3.1.1 像素就是像素，除非它不是像素 58
3.1.2 视口标签和属性 59
3.2 媒介查询结构 64
3.2.1 媒介类型 65
3.2.2 媒介表达式 67
3.2.3 逻辑关键词 68
3.2.4 规则 72
3.3 内嵌样式与外部样式 72
3.4 媒介查询顺序 73
3.4.1 从桌面端向下设计 74
3.4.2 从移动端向上设计 74
3.5 创建核心体验 76
3.6 确定断点 78
3.6.1 追随内容 78
3.6.2 增强对大屏幕的支持 82
3.6.3 使用em为媒介查询增加灵活性 84
3.7 导航栏 87
3.8 对IE的支持 92
3.9 结束语 93
第4章 响应式多媒体 95
4.1 问题是什么 96
4.2 有选择地为手机提供图片 99
4.2.1 JavaScript 100
4.2.2 matchMedia介绍 104
4.3 响应式图片策略 105
4.3.1 和浏览器比赛 105
4.3.2 默许浏览器的行为 106
4.3.3 找服务器帮忙 106
4.4 响应式图片的实现方法 106
4.4.1 Sencha.io Src 106
4.4.2 自适应图片 107
4.4.3 等等，答案是什么 110
4.5 背景图片 111
4.6 高分辨率屏幕 115
4.7 其他固定宽度的内容 117
4.7.1 视频 118
4.7.2 广告 122
4.8 结束语 124
第5章 计划 125
5.1 选择成为响应式的 126
5.2 考虑因素 127
5.2.1 性能 127
5.2.2 使用环境 128
5.2.3 内容协商 128
5.2.4 时间投入 128
5.2.5 支持 129
5.2.6 广告 130
5.2.7 结论 130
5.3 考虑你的分析 131
5.3.1 倾斜的网站分析 132
5.3.2 哪些统计**重要 133
5.3.3 倾斜的市场份额统计 136
5.4 考虑内容 137
5.4.1 内容审计 138
5.4.2 页面表格 141
5.5 考虑目标平台和设备 142
5.6 考虑跨设备体验 143
5.7 准备测试平台 145
5.7.1 真实设备 146
5.7.2 模拟器 148
5.7.3 第三方服务 150
5.8 结束语 150
第6章 设计流程 151
6.1 你的里程可能会有所不同 152
6.1.1 一种可交互媒介 153
6.1.2 协作 153
6.1.3 用系统的方式思考 158
6.2 优先考虑手机 158
6.2.1 手机在爆炸式地增长 159
6.2.2 手机迫使你专注 160
6.2.3 手机延伸了你的能力 161
6.3 工具 162
6.3.1 线框图 162
6.3.2 模型 165
6.3.3 样式向导 171
6.4 结束语 175
第7章 响应式内容 177
7.1 从内容开始 178
7.2 内容类型 179
7.2.1 目的 180
7.2.2 创建 180
7.2.3 结构 180
7.3 在什么时候显示什么内容 182
7.3.1 删除内容 182
7.3.2 加强内容 184
7.4 何时改变内容的顺序？ 189
7.5 我们该何去何从 192
7.5.1 代码汤 192
7.5.2 婴儿学步 193
7.5.3 构建API 194
7.6 结束语 195
第8章 RESS 197
8.1 用户代理检测 199
8.1.1 用户代理字符串剖析 200
8.1.2 用户代理字符串可以用来做什么 201
8.2 功能检测 202
8.2.1 Modernizr 202
8.2.2 服务器端Modernizr 203
8.3 将用户代理检测和功能检测相结合 205
8.4 RESS：两全其美 206
8.5 混乱局面 207
8.6 安装WURFL 210
8.7 检测功能 214
8.7.1 增加功能检测 216
8.7.2 拨打电话 218
8.7.3 为触摸而优化 221
8.8 结束语 224
第9章 响应式体验 225
9.1 传感器系统 226
9.2 网络 228
9.3 使用环境 232
9.3.1 使用环境分类 234
9.3.2 观察及研究 235
9.4 设备能力 236
9.4.1 HTML5的输入类型 236
9.4.2 API 239
9.5 结束语 251
后记 展望未来 253
