响应式Web设计实践

第1章　无处不在的Web　1.1　我们错在哪里　1.2　设备来了，设备来了　1.2.1　屏幕尺寸　1.2.2　网速　1.2.3　对于标准的支持　1.2.4　输入方式　1.2.5　使用环境　1.3　独立站点　1.4　成为响应式的　1.5　为什么又是一本关于响应式设计的书　1.6　本书包含哪些内容　1.7　这本书写给谁　1.8　代码格式　第2章　流动布局　2.1　布局选项　2.1.1　固定布局　2.1.2　流动布局　2.1.3　弹性布局　2.1.4　混合布局　2.1.5　哪种布局是最具响应性的　2.2　字体大小　2.2.1　像素　2.2.2　em　2.2.3　百分比　2.2.4　奖励关卡：rem　2.2.5　哪种单位是最具响应性的　2.2.6　从像素转换　2.3　网格布局　2.3.1　从内容出发　2.3.2　设置网格　2.4　混合固定宽度和流动宽度　2.5　结束语　第3章　媒介查询　3.1　视口　3.1.1　像素就是像素，除非它不是像素　3.1.2　视口标签和属性　3.2　媒介查询结构　3.2.1　媒介类型　3.2.2　媒介表达式　3.2.3　逻辑关键词　3.2.4　规则　3.3　内嵌样式与外部样式　3.4　媒介查询顺序　3.4.1　从桌面端向下设计　3.4.2　从移动端向上设计　3.5　创建核心体验　3.6　确定断点　3.6.1　追随内容　3.6.2　增强对大屏幕的支持　3.6.3　使用em为媒介查询增加灵活性　3.7　导航栏　3.8　对IE的支持　3.9　结束语　第4章　响应式多媒体　4.1　问题是什么　4.2　有选择地为手机提供图片　4.2.1　JavaScript　4.2.2　matchMedia介绍　4.3　响应式图片策略　4.3.1　和浏览器比赛　4.3.2　默许浏览器的行为　4.3.3　找服务器帮忙　4.4　响应式图片的实现方法　4.4.1　Sencha.io Src　4.4.2　自适应图片　4.4.3　等等，答案是什么　4.5　背景图片　4.6　高分辨率屏幕　4.7　其他固定宽度的内容　4.7.1　视频　4.7.2　广告　4.8　结束语　第5章　计划　5.1　选择成为响应式的　5.2　考虑因素　5.2.1　性能　5.2.2　使用环境　5.2.3　内容协商　5.2.4　时间投入　5.2.5　支持　5.2.6　广告　5.2.7　结论　5.3　考虑你的分析　5.3.1　倾斜的网站分析　5.3.2　哪些统计最重要　5.3.3　倾斜的市场份额统计　5.4　考虑内容　5.4.1　内容审计　5.4.2　页面表格　5.5　考虑目标平台和设备　5.6　考虑跨设备体验　5.7　准备测试平台　5.7.1　真实设备　5.7.2　模拟器　5.7.3　第三方服务　5.8　结束语　第6章　设计流程　6.1　你的里程可能会有所不同　6.1.1　一种可交互媒介　6.1.2　协作　6.1.3　用系统的方式思考　6.2　优先考虑手机　6.2.1　手机在爆炸式地增长　6.2.2　手机迫使你专注　6.2.3　手机延伸了你的能力　6.3　工具　6.3.1　线框图　6.3.2　模型　6.3.3　样式向导　6.4　结束语　第7章　响应式内容　7.1　从内容开始　7.2　内容类型　7.2.1　目的　7.2.2　创建　7.2.3　结构　7.3　在什么时候显示什么内容　7.3.1　删除内容　7.3.2　加强内容　7.4　何时改变内容的顺序？　7.5　我们该何去何从　7.5.1　代码汤　7.5.2　婴儿学步　7.5.3　构建API　7.6　结束语　第8章　RESS　8.1　用户代理检测　8.1.1　用户代理字符串剖析　8.1.2　用户代理字符串可以用来做什么　8.2　功能检测　8.2.1　Modernizr　8.2.2　服务器端Modernizr　8.3　将用户代理检测和功能检测相结合　8.4　RESS：两全其美　8.5　混乱局面　8.6　安装WURFL　8.7　检测功能　8.7.1　增加功能检测　8.7.2　拨打电话　8.7.3　为触摸而优化　8.8　结束语　第9章　响应式体验　9.1　传感器系统　9.2　网络　9.3　使用环境　9.3.1　使用环境分类　9.3.2　观察及研究　9.4　设备能力　9.4.1　HTML5的输入类型　9.4.2　API　9.5　结束语　后记　展望未来

　　新的设备、平台和浏览器以难以想象的速度不断涌现。面对这一不断变化的客观环境，我们既可以选择为争夺控制权而斗争，也可以选择拥抱Web与生俱来的灵活性。　　响应式设计并不是一种新技术，它是媒介走向成熟的开端，也是我们对于Web的思考方式的基本转变。从本书中，我们可以看到这种基本转变会给设计和构建网页的方法带来怎样的影响。读者可以从本书中学到：　　* 如何结合使用流动布局、媒介查询和流动媒介来构建响应式网页；　　* 如何从项目一开始就采用响应式的工作流程；　　* 如何为不同的设备强化内容；　　* 如何使用功能检测和服务器端检测来提供更好的用户体验。　　前端设计人员必读　　实例丰富，牢牢掌握最新技术　　随着各种各样的移动设备不断地涌现到使用者面前，Web设计的适应性已经成为设计师们所面临的最为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供友好的UI和用户体验，同时在小尺寸屏幕上也应该可以提供一致的用户体验，并可以让用户能够在桌面大屏幕上和移动小屏幕上平滑切换，同时没有任何的不适应感觉。　　《响应式Web设计实践》作者是一位出色的开发者，在《响应式Web设计实践》中，他将诸多技术和设计理念杂糅在一起，再辅以大量详细的配图、注释、引用等加以说明，从理论到实践，对响应式设计进行了详尽的解读。　　《响应式Web设计实践》适合从事Web设计的前端工程师和开发人员阅读参考。【作者简介】Tim Kadlec，是一位资深的Web开发者，也是BreakingDevelopment联合创始人。Tim通过应用各类Web技术，满足了出版业、制造业、金融业等不同行业诸多用户对于跨设备完成各种规模任务的需求。侯鸿儒，本科期间自学了HTML、CSS、JavaScript和PHP，在清华大学计算机系完成了有关HTML5应用的硕士毕业设计。之后又顺其自然地接触到了UI/UX，对响应式设计有着浓厚兴趣，并做过“ResponsiveWeb Design & Workflow”的演讲。