HTML5触摸界面设计与开发

　　《HTML5触摸界面设计与开发》专注于触摸界面的开发，内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站，特别是移动网站变快的基本概念。第2章和第3章告诉你如何创建一个简单的网站，并能快速加载。第4章可以帮助你使用缓存来提高用户再次访问时的速度。第5章是关于要摒弃一次性的页面加载方式和重构应用程序以使实际上和感觉到的性能都达到最优的。书的后半部分是专门讲触摸界面的，特别是尽可能地让它们更平稳和快速。《HTML5触摸界面设计与开发》适合具有一定经验的Web开发者阅读参考。

　　作者：（美国）伍兹（Stephen Woods） 译者：覃介右 谷岳 伍兹（Stephen Woods）是Flickr团队的一名资深前端工程师。从20世纪90年代起，一直致力于web用户界面的研发。2006年，Stephen入职Yahoo！，在加入Flickr团队之前，他开发了支持Yahoo！主页的JavaScript平台，还曾在Yahoo！Personals的UI团队工作，是一位精通Web的全栈工程师。Stephen主要兴趣是使用Web技术构建响应式用户界面。他曾在sxsw和HTML5DevConf就触摸交互进行技术分享，并发表在《.net》杂志上。 覃介右，2011年本科毕业于北京邮电大学经济管理学院，专注于Web前端开发，特别是移动设备网页的开发和前端开源组件的编写。现就职于百度，负责地图相关前端开发工作。 谷岳，2012年本科毕业于北京邮电大学计算机学院，同样专注于Web前端开发，擅长前端富客户端优化。现就职于百度，在项目管理部担任前端开发工作。

第1章　移动设备概述　0
1．1　触摸设备和桌面设备之间的差异　2
1．2　广泛使用的设备　3
1．3　HTML　56
1．4　神秘谷，是什么让触摸界面反应灵敏？　7
1．5　总结　9
第2章　创建一个简单的内容型网站　10
2．1　选择一个观念：移动优先或置后　12
2．2　创建标记　13
2．3　奠定基础的标签　15
2．4　理解 Viewport　15
2．5　响应式的CSS　19
2．6　总结　24
第3章　提高第一次加载的速度　25
3．1　浏览器是如何加载页面的　27
3．2　为什么页面加载缓慢？　27
3．3　用YSlow和PageSpeed提升速度　30
3．4　解决常见的问题　33
3．5　将它们全部放在一起　41
3．6　总结　41
第4章　加快下一次访问的速度　42
4．1　在HTTP中缓存　44
4．2　为移动优化45
4．3　使用网络存储(Web Storage)　46
4．4　应用缓存(Application Cache)　53
4．5　总结　57
第5章　使用PJAX提升触摸体验　58
5．1　页面加载的代价　60
5．2　浏览器历史API　62
5．3　添加PJAX　69
5．4　总结　77
第6章　轻触VS单击：基本的事件处理　78
6．1　是什么让轻触不同？　80
6．2　触摸事件简介　80
6．3　处理轻触　83
6．4　总结　89
6．5　项目　89
第7章　CSS过渡、动画和变换　90
7．1　动画元素　92
7．2　CSS变换　105
7．3　总结　112
7．4　项目　112
第8章　JavaScript性能最优化　113
8．1　性能测试和调试　115
8．2　只写入DOM　116
8．3　给用户反馈的优先级是最高的　117
8．4　将它们一起使用：无限滚动　118
8．5　总结　127
8．6　项目　127
第9章　手势的基本内容　128
9．1　为什么用手势呢？　130
9．2　创建一个循序渐进增强的触摸控制　131
9．3　创建一个触摸控制的灯箱(lightbox)　136
9．4　总结　150
9．5　项目　150
第10章　滚动与滑动　151
10．1　滚动　153
10．2　布局失效　159
10．3　让鸟类浏览工具可滑动　161
10．4　总结　176
10．5　项目　177
第11章　双指缩放和其他复杂的手势　178
11．1　了解多点触摸的限制和支持情况　180
11．2　处理多点触摸　180
11．3　处理双指缩放　185
11．4　总结　195
11．5　项目　195