第1部分 创建响应式布局 2
第1章 内容事项 2
构成内容的要素 3
信息采集 3
信息确认 5
选择合适的内容 7
内容性能 7
搜索引擎优化考量 10
用户期望 11
内容滑块 12
小结 14
第2章 为什么移动优先 15
浏览Web 16
从小尺寸开始时的注意事项 19
网站主题 20
网站导航 22
营销图像 24
网站搜索 25
小结 27
第3章 使用栅格 28
选择栅格 29
PureGrids 30
Bootstrap 30
Foundation 31
Gridpak 31
Golden Grid System 31
Frameless(Adaptive) 32
Skeleton 32
使用响应式栅格 32
使用自适应栅格 36
两全其美 38
小结 38
第4章 显示表格数据 40
定义表格数据 41
联系地址列表 41
发票和收据 41
表单 41
配方和卡片 42
电子邮件站点和应用 42
使用表格数据 42
显示表单 43
使用表格 47
使用CSS改变外观 47
创建多个表格 50
使用下载链接 53
小结 56
第5章 使用测量单位 57
使用像素 58
使用百分比 60
使用em和rem单位 63
viewport测量 65
小结 69
第6章 使用媒体查询 70
viewport meta标签 71
实现突变点 73
使用媒体查询 74
IE6-8浏览器支持 80
设备专属的媒体查询 80
iPad 80
iPhone 4S以下 81
iPhone 5和5S 82
Nexus 7(第二代) 82
Galaxy S4 83
小结 83
第7章 排版设计 84
Web字体 85
字体格式 85
TTF 86
EOT 86
WOFF 86
SVG 87
浏览器和设备支持 87
设备差异 87
浏览器行为 89
提供Web字体 91
使用字体服务 93
Google字体 93
Adobe Typekit 94
Fonts.com 94
Font Squirrel 95
icon字体 95
小结 96
第8章 改造现有网站 97
选择一个合适的移动布局 98
块级布局 98
响应式布局 100
自适应布局 102
利用组件开展工作 103
导航 103
搜索 105
内容区域 105
滑块 106
链接 107
移动化注意事项 108
不要滥用悬停 108
点击呼叫 109
模态窗口 109
输入框 111
小结 112
第2部分 使用响应式媒体 114
第9章 响应式图片 114
图片应该是响应式的 115
图片分发 115
使用JavaScript的解决方案 125
Picturefill组件 126
Pixity组件 127
小结 129
第10章 响应式视频 130
使用视频 131
分发系统 131
Limelight网络 132
Akamai 133
Brightcove 133
Vimeo 134
YouTube 135
制作适配移动设备的视频 136
使用固定比例 137
使用本地播放器 140
使用插件 141
小结 142
第11章 图像压缩 143
图片类型 144
JPEG/JPG 144
GIF 146
PNG 147
WebP 148
压缩工具 150
JPEGmini 150
PNGGauntlet 151
图像优化工具Radical 151
ImageAlpha 151
ImageOptim 153
TinyPNG 153
压缩结果 154
小结 155
第3部分 性能优化 158
第12章 条件JavaScript 158
为什么使用条件JavaScript 159
滑块 160
图片库 160
使用条件JavaScript 162
JavaScript媒体查询 163
使用JavaScript插件 168
jRespond 168
mediaCheck 169
ConditionerJS 169
小结 170
第13章 Web组件 171
使用Web组件 172
Web组件示例 172
音频元素 172
视频元素 174
日期输入 175
使用DOM处理 176
Shadow DOM 177
使用模板 178
编辑内容 179
Web组件Polyfill 180
Polymer 181
Polymer元素 181
?-Tag 182
使用Brick 183
小结 183
第14章 设备检测与服务器请求 185
设备检测 186
使用JavaScript检测 186
读取user-agent字符串 188
实现设备数据库 190
HTTP头部 191
使用客户端提示 194
小结 196
第15章 服务器优化 197
服务器配置 198
Web服务器 198
Apache 198
Nginx 199
IIS 199
Tomcat 200
NodeJS 200
服务器插件 201
SPDY 201
缓存 205
PageSpeed 207
小结 210
第16章 高性能与开发工具 211
开发工具 212
浏览器开发者工具 212
Chrome开发者工具 212
Firefox 218
Internet Explorer 223
构建工具 226
Grunt 226
Gulp 228
小结 229