《回响式Web设计》是人民邮电出版社出版的图书，作者是Ben Frain。该书针对各种萤幕大小设计和开发现代网站的各种技术进行了阐述和讨论。
基本介绍
- 作者：Ben Frain
- 译者：王永强
- ISBN：9787115299222
- 页数：231
- 定价：49.00元
- 出版社：人民邮电出版社
- 出版时间：2013-1
- 装帧：平装
- 副标题：HTML5和CSS3实战
内容介绍
移动网际网路时代到来了。《回响式Web设计：HTML5和CSS3实战》将当前Web设计中热门的回响式设计技术与HTML5和CSS3结合起来，为读者全面深入地讲解了针对各种萤幕大小设计和开发现代网站的各种技术。不仅讨论了媒体查询、流式布局、相对字型、回响式媒体，更将HTML5和CSS3的相关知识点一併讲解，是学习最新Web设计技术不可多得的佳作。
《回响式Web设计：HTML5和CSS3实战》适合各个层次的Web开发和设计人员阅读。
作者介绍
Ben Frain是一名具有十多年经验的网页设计师和前端工程师，直接与世界各地的客户和设计机构并肩工作。同时他还是一名技术记者，定期为一些关注Mac平台、前沿科技、网页设计和航空技术的刊物撰稿。
在此之前，他曾是一名怀才不遇的（而且谦虚谨慎的）电视演员，毕业于索尔福德大学的媒体与表演专业。他写了四部（自认为）同样被低估的剧本，而且始终心怀能卖出一部的信念（儘管不像最初那幺强烈了）。
工作之余，在身体（和妻子）允许的情况下，他喜欢玩室内足球。 他的个人网站是www.benfrain.com，Twitter地址是twitter.com/benfrain。
作品目录
第1章 HTML5、CSS3及回响式设计入门 1
1.1 为什幺智慧型手机很重要（而老版的IE不再重要） 2
1.2 回响式设计一定是最佳选择吗 3
1.3 回响式网页设计的定义 3
1.4 为什幺要在回响式设计上停滞不前 4
1.5 回响式网页设计示例 4
1.5.1 下载视口调试工具 4
1.5.2 线上创意源泉 11
1.6 为什幺HTML5很优秀 12
1.6.1 省时省力 12
1.6.2 新增了语义化标籤元素 13
1.7 CSS3为回响式设计和更多创新奠定了基础 13
1.7.1 底线：CSS3不破坏任何东西 14
1.7.2 CSS3如何解决日常设计问题 14
1.8 看吶，不用图片 17
1.9 HTML5和CSS3现在就能用吗 20
1.10 回响式网页设计不是灵丹妙药 20
1.11 引导客户：网站不必在所有浏览器中表现一致 21
1.12 小结 22
第2章 媒体查询：支持不同的视口 23
2.1 现在就能使用媒体查询 23
2.2 为什幺回响式设计需要媒体查询 24
2.2.1 媒体查询语法 24
2.2.2 媒体查询能检测那些特性 26
2.2.3 用媒体查询改造我们的设计 27
2.2.4 载入媒体查询的最佳方法 27
2.3 我们的第一个回响式设计 27
2.3.1 我们的设计是固定宽度的，不要惊讶 28
2.3.2 回响式设计中要保证图片儘可能精简 32
2.3.3 小视口下的内容剪下 33
2.4 阻止移动浏览器自动调整页面大小 34
2.5 针对不同视口宽度修正设计 37
2.6 回响式设计中内容始终优先 38
2.7 媒体查询只是必要条件之一 42
2.8 小结 42
第3章 拥抱流式布局 43
3.1 固定布局经不起未来考验 43
3.2 为什幺回响式设计需要百分比布局 44
3.3 将网页从固定布局修改为百分比布局 44
3.3.1 需要牢记的公式 45
3.3.2 设定百分比元素的上下文 47
3.3.3 必须时刻牢记上下文 52
3.4 用em替换px 54
3.5 弹性图片 56
3.5.1 让图片随视口缩放 56
3.5.2 为特定图片指定特定规则 58
3.5.3 给弹性图片设定阈值 59
3.5.4 超级全能的max-width属性 61
3.6 为不同的萤幕尺寸提供不同的图片 61
3.7 流动格线布局和媒体查询的默契配合 66
3.8 CSS格线系统 66
3.9 小结 72
第4章 回响式设计中的HTML5 73
4.1 HTML5的哪些部分现在就能用 73
4.1.1 大多数网站可以用HTML5编写 74
4.1.2 腻子脚本和Modernizr 74
4.2 如何编写HTML5网页 75
4.2.1 HTML5的精简之道 76
4.2.2 HTML5标籤的合理写法 76
4.2.3 伟大的<a>标籤万岁 77
4.2.4 HTML的废弃零件 77
4.3 HTML5的全新语义化元素 78
4.3.1 <section> 78
4.3.2 <nav> 79
4.3.3 <article> 79
4.3.4 <aside> 79
4.3.5 <hgroup> 79
4.3.6 <header> 81
4.3.7 <footer> 81
4.3.8 <address> 81
4.4 HTML5结构元素的实际用法 81
4.5 HTML5的文本级语义元素 87
4.5.1 <b> 88
4.5.2 <em> 88
4.5.3 <i> 88
4.5.4 在页面中套用文本层语义元素 88
4.6 遵循WAI-ARIA实现无障碍站点 90
4.7 在HTML5中嵌入媒体 93
4.8 用HTML5的方法为页面添加视频或音频 93
4.8.1 提供备用的媒体源档案 95
4.8.2 针对老版本浏览器的备用方案 95
4.8.3 和标籤的用法基本一致 96
4.9 回响式视频 96
4.10 离线Web套用 99
4.10.1 离线Web套用概述 99
4.10.2 让网页可离线使用 99
4.10.3 理解manifest档案 100
4.10.4 页面被自动载入到离线快取 101
4.10.5 版本注释的用途 101
4.10.6 离线访问网站 101
4.10.7 离线Web套用的故障诊断 102
4.11 小结 103
第5章 CSS3：选择器、字型和颜色模式 104
5.1 CSS3给前端开发人员带来了什幺 104
5.1.1 Internet Explorer 6到8对CSS3的支持 105
5.1.2 使用CSS3设计和开发页面 105
5.2 CSS规则解析 105
5.3 私有前缀及其用法 106
5.4 快速而有效的CSS技巧 108
5.4.1 CSS3多栏布局 108
5.4.2 文字换行 110
5.5 CSS3的新增选择器及其用法 111
5.5.1 CSS3属性选择器 111
5.5.2 CSS3结构伪类 113
5.5.3 对伪元素的修正 122
5.6 自定义网页字型 123
5.6.1 @font-face规则 124
5.6.2 使用@font-face嵌入网页字型 124
5.7 帮帮我，标题模糊怎幺办 127
5.8 新的CSS3颜色格式和透明度 129
5.8.1 RGB颜色 130
5.8.2 HSL颜色 131
5.8.3 针对IE6、IE7和IE8提供备用颜色值 132
5.8.4 透明通道 132
5.9 小结 134
第6章 用CSS3创造令人惊艳的美 135
6.1 文字阴影 136
6.1.1 HEX、HSL或RGB颜色都可以 136
6.1.2 px、em或rem都行 136
6.1.3 取消文字阴影 138
6.1.4 製作浮雕文字阴影效果 139
6.1.5 多重文字阴影 140
6.2 盒阴影 140
6.2.1 内阴影 141
6.2.2 多重阴影 142
6.3 背景渐变 143
6.3.1 线性背景渐变 144
6.3.2 径向背景渐变 147
6.3.3 重複渐变 149
6.4 背景渐变图案 151
6.5 CSS3的回响性 153
6.6 组合使用CSS3属性 155
6.7 多重背景图片 159
6.7.1 背景图片大小 161
6.7.2 背景图片位置 161
6.7.3 背景属性的缩写语法 161
6.8 更多CSS特性 162
6.9 可缩放图示：回响式设计中的完美选择 162
6.10 小结 163
第7章 CSS3过渡、变形和动画 164
7.1 什幺是CSS3过渡以及如何使用它 164
7.1.1 过渡相关的属性 166
7.1.2 回响式网站中的有趣过渡 168
7.2 CSS3的2D变形 169
7.3 尝试CSS3的3D变形 174
7.3.1 分析3D变形效果 176
7.3.2 3D变形尚未成熟 178
7.4 CSS3动画效果 179
7.5 小结 185
第8章 用HTML5和CSS3征服表单 186
8.1 HTML5表单 186
8.1.1 理解HTML5表单中的元素 188
8.1.2 placeholder 189
8.1.3 required 189
8.1.4 autofocus 190
8.1.5 autocomplete 191
8.1.6 list（及对应的datalist元素） 191
8.1.7 HTML5的新输入类型 192
8.1.8 日期和时间输入类型 198
8.2 如何给不支持新特性的浏览器打补丁 203
8.3 使用CSS3美化HTML5表单 204
8.4 小结 210
第9章 解决跨浏览器问题 211
9.1 渐进增强与优雅降级 215
9.2 该不该修复老版本IE 216
9.2.1 统计数据（再看看世界的变化） 216
9.2.2 个人选择 216
9.3 前端的瑞士军刀：Modernizr 217
9.3.1 使用Modernizr辅助修正样式问题 219
9.3.2 使用Modernizr让老版本IE支持HTML5元素 221
9.3.3 给IE6、7、8追加min/max媒体查询功能 222
9.3.4 使用Modernizr按需载入资源 223
9.4 必要时将导航连结转换为下拉选单 225
9.5 高解析度设备（未来趋势） 228
9.6 小结 231
1.1 为什幺智慧型手机很重要（而老版的IE不再重要） 2
1.2 回响式设计一定是最佳选择吗 3
1.3 回响式网页设计的定义 3
1.4 为什幺要在回响式设计上停滞不前 4
1.5 回响式网页设计示例 4
1.5.1 下载视口调试工具 4
1.5.2 线上创意源泉 11
1.6 为什幺HTML5很优秀 12
1.6.1 省时省力 12
1.6.2 新增了语义化标籤元素 13
1.7 CSS3为回响式设计和更多创新奠定了基础 13
1.7.1 底线：CSS3不破坏任何东西 14
1.7.2 CSS3如何解决日常设计问题 14
1.8 看吶，不用图片 17
1.9 HTML5和CSS3现在就能用吗 20
1.10 回响式网页设计不是灵丹妙药 20
1.11 引导客户：网站不必在所有浏览器中表现一致 21
1.12 小结 22
第2章 媒体查询：支持不同的视口 23
2.1 现在就能使用媒体查询 23
2.2 为什幺回响式设计需要媒体查询 24
2.2.1 媒体查询语法 24
2.2.2 媒体查询能检测那些特性 26
2.2.3 用媒体查询改造我们的设计 27
2.2.4 载入媒体查询的最佳方法 27
2.3 我们的第一个回响式设计 27
2.3.1 我们的设计是固定宽度的，不要惊讶 28
2.3.2 回响式设计中要保证图片儘可能精简 32
2.3.3 小视口下的内容剪下 33
2.4 阻止移动浏览器自动调整页面大小 34
2.5 针对不同视口宽度修正设计 37
2.6 回响式设计中内容始终优先 38
2.7 媒体查询只是必要条件之一 42
2.8 小结 42
第3章 拥抱流式布局 43
3.1 固定布局经不起未来考验 43
3.2 为什幺回响式设计需要百分比布局 44
3.3 将网页从固定布局修改为百分比布局 44
3.3.1 需要牢记的公式 45
3.3.2 设定百分比元素的上下文 47
3.3.3 必须时刻牢记上下文 52
3.4 用em替换px 54
3.5 弹性图片 56
3.5.1 让图片随视口缩放 56
3.5.2 为特定图片指定特定规则 58
3.5.3 给弹性图片设定阈值 59
3.5.4 超级全能的max-width属性 61
3.6 为不同的萤幕尺寸提供不同的图片 61
3.7 流动格线布局和媒体查询的默契配合 66
3.8 CSS格线系统 66
3.9 小结 72
第4章 回响式设计中的HTML5 73
4.1 HTML5的哪些部分现在就能用 73
4.1.1 大多数网站可以用HTML5编写 74
4.1.2 腻子脚本和Modernizr 74
4.2 如何编写HTML5网页 75
4.2.1 HTML5的精简之道 76
4.2.2 HTML5标籤的合理写法 76
4.2.3 伟大的<a>标籤万岁 77
4.2.4 HTML的废弃零件 77
4.3 HTML5的全新语义化元素 78
4.3.1 <section> 78
4.3.2 <nav> 79
4.3.3 <article> 79
4.3.4 <aside> 79
4.3.5 <hgroup> 79
4.3.6 <header> 81
4.3.7 <footer> 81
4.3.8 <address> 81
4.4 HTML5结构元素的实际用法 81
4.5 HTML5的文本级语义元素 87
4.5.1 <b> 88
4.5.2 <em> 88
4.5.3 <i> 88
4.5.4 在页面中套用文本层语义元素 88
4.6 遵循WAI-ARIA实现无障碍站点 90
4.7 在HTML5中嵌入媒体 93
4.8 用HTML5的方法为页面添加视频或音频 93
4.8.1 提供备用的媒体源档案 95
4.8.2 针对老版本浏览器的备用方案 95
4.8.3 和标籤的用法基本一致 96
4.9 回响式视频 96
4.10 离线Web套用 99
4.10.1 离线Web套用概述 99
4.10.2 让网页可离线使用 99
4.10.3 理解manifest档案 100
4.10.4 页面被自动载入到离线快取 101
4.10.5 版本注释的用途 101
4.10.6 离线访问网站 101
4.10.7 离线Web套用的故障诊断 102
4.11 小结 103
第5章 CSS3：选择器、字型和颜色模式 104
5.1 CSS3给前端开发人员带来了什幺 104
5.1.1 Internet Explorer 6到8对CSS3的支持 105
5.1.2 使用CSS3设计和开发页面 105
5.2 CSS规则解析 105
5.3 私有前缀及其用法 106
5.4 快速而有效的CSS技巧 108
5.4.1 CSS3多栏布局 108
5.4.2 文字换行 110
5.5 CSS3的新增选择器及其用法 111
5.5.1 CSS3属性选择器 111
5.5.2 CSS3结构伪类 113
5.5.3 对伪元素的修正 122
5.6 自定义网页字型 123
5.6.1 @font-face规则 124
5.6.2 使用@font-face嵌入网页字型 124
5.7 帮帮我，标题模糊怎幺办 127
5.8 新的CSS3颜色格式和透明度 129
5.8.1 RGB颜色 130
5.8.2 HSL颜色 131
5.8.3 针对IE6、IE7和IE8提供备用颜色值 132
5.8.4 透明通道 132
5.9 小结 134
第6章 用CSS3创造令人惊艳的美 135
6.1 文字阴影 136
6.1.1 HEX、HSL或RGB颜色都可以 136
6.1.2 px、em或rem都行 136
6.1.3 取消文字阴影 138
6.1.4 製作浮雕文字阴影效果 139
6.1.5 多重文字阴影 140
6.2 盒阴影 140
6.2.1 内阴影 141
6.2.2 多重阴影 142
6.3 背景渐变 143
6.3.1 线性背景渐变 144
6.3.2 径向背景渐变 147
6.3.3 重複渐变 149
6.4 背景渐变图案 151
6.5 CSS3的回响性 153
6.6 组合使用CSS3属性 155
6.7 多重背景图片 159
6.7.1 背景图片大小 161
6.7.2 背景图片位置 161
6.7.3 背景属性的缩写语法 161
6.8 更多CSS特性 162
6.9 可缩放图示：回响式设计中的完美选择 162
6.10 小结 163
第7章 CSS3过渡、变形和动画 164
7.1 什幺是CSS3过渡以及如何使用它 164
7.1.1 过渡相关的属性 166
7.1.2 回响式网站中的有趣过渡 168
7.2 CSS3的2D变形 169
7.3 尝试CSS3的3D变形 174
7.3.1 分析3D变形效果 176
7.3.2 3D变形尚未成熟 178
7.4 CSS3动画效果 179
7.5 小结 185
第8章 用HTML5和CSS3征服表单 186
8.1 HTML5表单 186
8.1.1 理解HTML5表单中的元素 188
8.1.2 placeholder 189
8.1.3 required 189
8.1.4 autofocus 190
8.1.5 autocomplete 191
8.1.6 list（及对应的datalist元素） 191
8.1.7 HTML5的新输入类型 192
8.1.8 日期和时间输入类型 198
8.2 如何给不支持新特性的浏览器打补丁 203
8.3 使用CSS3美化HTML5表单 204
8.4 小结 210
第9章 解决跨浏览器问题 211
9.1 渐进增强与优雅降级 215
9.2 该不该修复老版本IE 216
9.2.1 统计数据（再看看世界的变化） 216
9.2.2 个人选择 216
9.3 前端的瑞士军刀：Modernizr 217
9.3.1 使用Modernizr辅助修正样式问题 219
9.3.2 使用Modernizr让老版本IE支持HTML5元素 221
9.3.3 给IE6、7、8追加min/max媒体查询功能 222
9.3.4 使用Modernizr按需载入资源 223
9.4 必要时将导航连结转换为下拉选单 225
9.5 高解析度设备（未来趋势） 228
9.6 小结 231