1 行动Web入门 响应性Web设计 2
搭上行动浪潮 2
怪事发生在去Pub的路上 4
如果行动电话网页浏览器有那么赞的话 5
行动Web有什么不一样吗? 6
响应性Web设计 10
不同地方的不同CSS 12
CSS媒体查询 13
Splendid Walrus网站的当前结构 15
分析当前的CSS 16
需要改变什么? 17
识别需要改变的CSS 18
建立行动网站特定的CSS 19
固定宽度的配置有什么错? 26
非固定会好一点吗? 27
采用非固定式做法 28
继续你的非固定转换 29
Context切换 31
这张图有错吗? 32
非固定图像 33
记得要有响应性 36
具响应性的网站! 40
响应性设计也是一种心态 41
2 良好的响应性行动装置优先的响应性Web设计 44
就在你以为要开香槟庆祝时 44
真的有问题吗?我们怎么知道? 45
当事情运作得不是那么顺畅时要怎么办 47
别让它的外观欺骗了你,那可是个大页面 48
HAR包含重要资讯 49
找出拖垮页面速度的原因 51
Google Maps JavaScript从哪儿来? 53
行动装置看似友善,实则不然 55
行动装置优先的Responsive Web Design 56
逐步提升系虾咪? 57
固定浮动的内容 60
行动装置优先的媒体查询 61
惊讶吧!页面无法在IE上运作 62
src属性只能有一个值 68
把镜头拉近 72
缩放的权利? 73
使用JavaScript把地图增加回去 74
使用JavaScript建造拟媒体查询 76
为On Tap Now页面添加JavaScript 77
这些小组件不具响应性 79
把iframe属性改成CSS对等物 80
从JavaScript移除属性 81
地图重叠又出现了 83
内容是你的向导 84
分段点来相挺 87
3 独立的行动网站面对不甚完美的环境 92
Creature Comforts有代理人 92
代理人如何取得及分享需要的资讯? 93
将行动装置用户送到行动装置最佳化网站 96
侦测行动装置用户 97
探察用户代理 98
用户代理:撒旦之子 101
坦白说:大多数主要网站都有独立存在的行动网站 104
当你真正想要做的是(重)导向 105
指令稿窥探 106
指令稿如何运作? 107
产生行动网页模拟 108
盘根错节 110
并非所有手机都是智慧型手机 113
御繁为简: XHTML-MP 114
我们为什么会想要使用那种旧玩意儿? 115
XHTML-MP让你免除麻烦 116
话说回来,卷动真是逊毙了 119
最后一颗变化球 119
accesskey的运作 123
出了什么差错? 124
修正错误 125
考量行动装置的CSS 127
嗯…漏掉什么事! 132
按钮外观大有问题! 133
圆满成功! 134
4 决定支援谁该支援什么装置? 138
如何界定支援范围? 138
稍微离开键盘一下下 139
你不支援vs.你无法支援 140
询问关于专案的问题 142
你的行动魔粉的成分 144
你的工具箱与资料櫃 145
如何知道我的用户具有正确的材料? 150
5 装置资料库与分类分组处理 152
为抓狂学生服务的恐慌按钮 152
行动装置资料来源来相挺 154
遇见WURFL 155
WURFL和它的能力 156
WURFL:聪明的API程式码 159
我们也能够建造探索页面 160
探索页面:设定我们的环境 161
迅速改善我们的探索页面 168
发挥装置能力的作用 170
使用WURFL帮忙区分内容 170
初始化装置并将资讯准备好 172
这玩意儿是行动装置吗? 172
用WURFL让页面聪明一点 176
恐慌按钮:仅限手机 177
装置类别 181
扩展Acedlt!事业有利润部分! 182
带著有行动色彩的眼镜评估主页面 183
将需求分组成多种行动风味 184
完成我们的装置类别 185
熟悉比对函数 191
switch陈述式是怎么回事? 192
使用比对函数测试能力 193
填补装置类别测试的间隙 200
我们需要更大的安全网 211
小洞不补,大洞叫苦 212
6 使用框架建造行动网站应用程式Tartanator 219
HTML5…APP…这些字是什么意思啊? 219
「传统」网站的一般行为 220
「类APP」网站的一般行为 221
Tartanator阶段一的主要计划 224
为什么使用行动Web应用程式框架? 225
Tartanator的选择:jQuery Mobile 226
用jQuery Mobile建造基本页面 228
标记页面的其馀部分 229
HTML5的data-*属性 231
用jQuery Mobile连结多个页面 234
改善清单 241
增加其他的格子呢 243
过滤及组织清单 244
增加页脚工具列 249
让工具列时髦些 250
完成结构 251
建构产生格子呢的表单 253
把格子呢图样转换到表单 255
建造HTML5表单 256
增加基本栏位 257
清单里的清单让使用者们添加颜色 258
color-size成分对:颜色选择栏位 259
color-size栏位对:尺寸栏位 260
连结表单 262
7 真实世界的行动网站应用程式超级行动Web App 268
看起来不错 268
真实世界里的行动App 270
准备,设定,提升! 274
产生更好的表单 275
管理颜色和尺寸清单的小组件 276
刨根究底 277
所以,前端提升就是这样 278
现在针对后端 280
generate.php的两边 281
最后! 282
离线是重要的 284
建立cache manifest的基础工作 285
开发工具来相挺 286
提供manifest作为正确的content-type 287
胜利(终究)属于我们 297
地理定位的运作方式 298
如何询问W3C兼容的浏览器它们位在哪里 299
从Find Events页面开始:基础线 301
整合地理定位 303
什么也没找到 309
8 使用PhoneGap建造混合型行动网站应用程式Tartan Hunt:采取原生解法 314
机会再次敲门 314
混合型App如何运作? 317
用PhoneGap桥接Web与原生技术的间隙 318
熟悉PhoneGap Build 321
App将如何运作? 322
记录找到的格子呢 323
Tartan Hunt专案剖析 324
下载你的应用程式 328
选择你的冒险 329
谁看见什么?储存找到的格子呢 334
检查浏览器支援什么 339
使用函式显示哪些格子呢被找到 340
toggle与toggleClass方法 341
你找到格子呢,呃?证明给我看看! 344
让PhoneGap拍照片 345
PhoneGap几乎准备好它的特写 347
现在,我们准备好使用mediaCapture API 348
我们将如何处理成功的情况? 349
看起来总是跟真实生活有点不同 350
有点匿名 351
最后一件事! 353
搞定! 354
9 如何在未来有良好的使用性洞悉混乱 358
现在呢? 358
驱逐我们的集体控制幻想 361
未来友善宣言 362
如果你不能对抗未来,那就对未来友善 364
今天App,明天网页 365
漫长的旅程:这里有一些路标 366
混合运用行动化的一些优点 369
放眼未来 371
ⅰ本书遗珠 六大主题(我们未涵盖的) 374
#1在行动装置上进行测试 374
#2远端侦错 376
#3决定哪些浏览器要支援些什么东西 382
#4行动装置API 384
#5应用程式商店与散布 385
#6 RESS:REsponsive设计+Server-Side元件 386
ⅱ建立你的Web伺服器环境开始动手 388
你需要做的事 388
仅限本地 389
Windows和Linux:安装及组态XAMPP 390
开始使用XAMPP 391
Mac人员:MAMP时间到了 392
确保停靠的是正确的埠口 393
存取你的Web伺服器 394
phplnfo,请! 396
ⅲ安装WIURFL 探察装置 398
谁是大脑? 398
谁是肌肉? 399
合作无间 400
一点档案系统的相关工作 401
注意! 402
ⅳ安装Android SDK与工具 建立开发环境 404
下载Android SDK 404
取得适当的工具 405
建立新的虚拟装置 408
找到正确的PATH 413
索引 417