响应式Web

《响应式Web》全面介绍了响应式设计的概念以及技术技巧，由浅入深地讲解了其中原理性的知识。第1部分从开发者和设计师的角度介绍了响应式设计的基本概念。第2部分从开发者与设计师协作的角度介绍了如何进行响应式设计。第3部分对编码技巧和实战优化进行了介绍。
响应式设计是一种新的设计理念，需要你不断地学习、探索、实践。它会让你的网页内容在不同设备上展现得更加精彩。

Matthew Carver，是一名技术专家、演讲者、作者和提倡设计和技术相融合的顾问。他是响应式Web 设计早期的拥护者，曾参与过American Airlines、Dallas Momoing News、Chobani、Home Depot和Google等公司的给生活带来革新的项目。Matthew最初在德克萨斯州达拉斯市的Richards Group工作，现在与他的伙伴一同在纽约市成立了一家数字公司，他们会把一些想法发布到线上。

王鹤，系统架构设计师，吉他手。从事过JavaEE的企业应用的研发和架构工作，一直关注HTML5技术的发展，2011年至今一直维护开源图表项目ichartjs。目前就职于美团网，任职前端技术专家，秉承的信念是“技术这条路上虽然崎岖，但值得坚持”。

罗创杰，美团网研发工程师，专注于前端领域，喜欢从容不迫地写代码——很优雅的那种。

第1部分响应式之道
1开启响应式之路
1.1初探响应式Web
1.1.1什么是响应式Web
1.1.2关键特性
1.2构建第一个响应式网站
1.2.1创建网站原型
1.3响应式布局基础
1.3.1移动优先标签
1.3.2在CSS中使用百分比
1.3.3添加文本和图像
1.3.4强大易变的em
1.3.5设置第一个断点
1.4总结
1.5讨论的观点
2移动优先的设计
2.1为何选择移动优先设计
2.1.1移动优先设计的优点
2.1.2移动优先设计的挑战
2.2为小屏幕设计头部
2.2.1创建头部
2.3设计触屏界面交互
2.3.1简约的小屏幕网格
2.4为小屏幕设计内容
2.4.1在布局中使用Web字体
2.5总结
2.6讨论的观点
第2部分响应式Web设计之旅
3使用样式板表达设计
3.1利用设计指南进行可视化设计
3.1.1设计指南是什么
3.1.2开发一个设计指南
3.1.3样式板：创建一种视觉语言
3.2如何创建一个样式板
3.2.1获得反馈
3.2.2设计样式板
3.2.3创建样式板
3.2.4利用样式板进行迭代设计
3.3模型之死
3.4总结
3.5讨论的观点
4响应式用户体验设计模式
4.1一级导航
4.1.1toggle导航模式
4.1.2selectmenu导航模式
4.1.3toggle导航和selectmenu导航的比较
4.2多级toggle导航
4.3响应式用户体验设计模式资源
4.4总结
4.5讨论的观点
5响应式布局
5.1利用百分比进行流式布局
5.1.1CSS中的百分比是如何工作的
5.1.2box—sizing
5.1.3流式网格系统
5.2构建一个流式布局
5.2.1解读原型
5.2.2开始编码
5.2.3让off—canvas元素动起来
5.2.4使元素具有响应性
5.2.5拓展到更宽的视图
5.3总结
5.4讨论的观点
6添加内容模块和排版
6.1添加内容模块
6.1.1创建有用的内容占位符
6.2响应式设计中的排版
6.2.1嵌入式字体
6.2.2设置一个排版基础
6.3总结
6.4讨论的观点
第3部分用代码来延伸设计
7用CSS在浏览器中增加图形
7.1利用CSS实现设计
7.1.1CSS基础
7.1.2在流体结构中维持比例
7.2在你的设计中使用icon字体
7.2.1在用户界面中使用雪碧图
7.2.2基于字体的用户界面图形
7.3使用可缩放矢量图形
7.3.1为页面添加SVG图像
7.3.2用CSS实现SVG
7.3.3SVG格式的局限性
7.4总结
7.5讨论的观点
8渐进增强和Modernizr的过时控制
8.1技术性过时
8.1.1渐进增强
8.1.2优雅降级
8.2Modernizr是什么
8.2.1初始化Modernizr
8.2.2利用Modernizr写跨浏览器的CSS
8.3用Modernizr进行JavaScript特性检测
8.3.1检测触摸能力
8.3.2使用Modernizr.load和yepnope
8.3.3创建定制的Modernizr测试
8.4在网站中添加Modernizr
8.5总结
8.6讨论的观点
9响应式网站的测试和优化
9.1什么是响应式测试
9.1.1模拟测试环境
9.2用于测试的浏览器工具
9.3使用Web审查器
9.3.1掌握Web审查器
9.4降低请求时间的技巧
9.4.1减少HTTP请求
9.4.2用Base64编码减少图片请求
9.4.3加载速度的优化清单
9.5总结
9.6讨论的观点
附录A设计中的卜下文感知计算
A.1移动应用中的上下文感知
A.2Web中的上下文感知
A.2.1上下文断点
A.2.2创建上下文测试
A.2.3CSS上下文
A.3总结
附录BFoundation框架