响应式设计、改造与优化

图书标准信息

• 作者 [美]Phil Dutson（菲尔·达特森） 著；赵荣娇、马立铭 译
• 出版社 电子工业出版社
• 出版时间 2015-09
• 版次 1
• ISBN 9787121265129
• 定价 89.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 256页
• 字数 285千字
• 正文语种 简体中文

【内容简介】

由于移动设备的大量使用，各种屏幕尺寸、各种操作系统、各种访问设备及各种需求均对用户体验提出了新的挑战。为了让我们的网站在各个终端上的用户体验都尽可能接近完美，我们需要采用响应式移动设计。本书重点介绍了Phil Dutson的开发经验，主要是关于移动设备及其设计，甚至一点点代码就可以帮助你以最好的方式为数百万手机用户提供内容；同时，顺便简单地介绍了一些主题，以解决常见的响应式移动设计中可能会遇到的问题。

【作者简介】

Phil Dutson 是ICON Health & Fitness 客户端和移动执行解决方案的架构师。他是Sams Teach Yourself jQuery Mobile in 24 Hours、jQuery, jQuery UI, and jQueryMobile Recipes and Examples、The Android Developer’s Cookbook，2nd Edition 的作者。他热爱技术的学习和写作，每次他与儿子玩Ingress 时都向世界传播启蒙讯息。

【目录】

第 1部分　创建响应式部局
第 1章　内容事项 2
构成内容的要素 3
信息采集3
信息确认5
选择合适的内容 7
内容性能7
搜索引擎优化考量10
用户期望11
讨论内容滑块 12
小结 14
第 2章　为什么移动优先 15
浏览 Web 16
从小尺寸开始时的注意事项 19
网站主题20
网站导航22
营销图像24
网站搜索25
小结 27
第 3章　使用栅格 28
选择栅格29
PureGrids30
Bootstrap30
Foundation31
Gridpak31
GoldenGridSystem32
Skeleton32
使用响应式栅格 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
viewportmeta标签71
实现突变点73
使用媒体查询 74
IE6-8浏览器支持 80
设备专属的媒体查询80
iPad80
iPhone4S以下 81
iPhone5和 5S82
Nexus7（第二代）82
GalaxyS483
小结 83
第 7章　排版设计 84
Web字体 85
字体格式85
TTF86
EOT86
WOFF86
SVG87
浏览器和设备支持87
设备差异87
浏览器行为89
提供 Web字体91
使用字体服务 93
Google字体93
AdobeTypekit94
Fontscom94
FontSquirrel95
icon字体95
小结 96
第 8章　改造现有网站 97
选择一个合适的移动布局 98
块级布局98
响应式布局100
自适应布局102
利用组件开展工作103
导航103
搜索105
内容区域105
滑块106
链接107
移动化的注意事项108
不要滥用悬停 108
点击呼叫109
模态窗口109
输入框111
小结 112
第 2部分　使用响应式媒体
第 9章　响应式图片114
图片应该是响应式的115
图片分发115
使用 JavaScript的解决方案 125
Picturefill组件 126
Pixity组件127
小结 129
第 10章　响应式视频 130
使用视频131
分发系统131
Limelight网络132
Akamai133
Brightcove133
Vimeo134
YouTube135
制作适配移动设备的视频 136
使用固定比例 137
使用本地播放器140
使用插件141
小结 142
第 11章　图像压缩 143
图片类型144
JPEG/JPG144
GIF146
PNG147
WebP148
压缩工具150
JPEGmini150
PNGGauntlet151
图像优化工具 Radical151
ImageAlpha151
ImageOptim153
TinyPNG153
压缩结果154
小结 155
第 3部分　性能优化
第 12章　条件JavaScript 158
为什么使用条件 JavaScript 159
滑块160
图片库160
使用条件 JavaScript162
JavaScript媒体查询163
使用 JavaScript插件168
jRespond168
mediaCheck169
ConditionerJS169
小结 170
第 13章　Web组件 171
使用 Web组件172
Web组件示例172
音频元素172
视频元素174
日期输入175
使用 DOM处理 176
ShadowDOM177
使用模板178
编辑内容179
Web组件 Polyfill180
Polymer181
Polymer元素181
X-Tag182
使用 Brick183
小结 183
第 14章　设备检测与服务器请求 185
设备检测186
使用脚本检测 186
读取 user-agent字符串 188
实现设备数据库190
HTTP头部 191
使用客户端提示 194
小结 196
第 15章　服务器优化 197
服务器配置198
Web服务器198
Apache198
Nginx199
IIS199
Tomcat200
NodeJS200
服务器插件201
SPDY201
Cache205
PageSpeed207
小结 210
第 16章　高性能与开发工具 211
开发工具212
浏览器开发者工具212
Chrome开发者工具 212
Firefox218
InternetExplorer223
构建工具226
Grunt226
Gulp228
小结 229