Head first mobile web中文版PDF电子书下载

1移动Web入门 响应式Web设计 2

登上“移动”花车 2

酒吧发生了怪事 4

如果移动手机Web浏览器这么棒…… 5

移动Web为什么有这么大差异？ 6

响应式Web设计 10

不同场合使用不同的CSS 12

CSS媒体查询 13

当前非凡海象网站的结构 15

分析当前CSS 16

哪些需要改变？ 17

找出需要修改的CSS 18

创建移动CSS的步骤 19

固定宽度布局到底有什么问题？ 26

为什么流式网格布局更好？ 27

流公式 28

继续流式转换 29

上下文切换 31

这个图片怎么了？ 32

流式图像和媒体 33

记住你的责任 36

得到一个响应式网站！ 40

响应式设计也是一种精神状态 41

2真正的响应性 移动优先响应式Web设计 44

你以为该庆祝胜利了…… 44

这算问题吗？我们怎么知道？ 45

速度不快时怎么办 47

不要被外表迷惑，这实际上是一个很大的页面 48

HAR山里有黄金 49

找出影响页面速度的累赘 51

Google Maps JavaScript从哪里来？ 53

看起来是移动友好的，但实际上不是 55

移动优先响应式Web设计 56

什么是渐进增强？ 57

修正内容浮动 60

移动优先媒体查询 61

意外！Internet Explorer中页面出问题了 62

一个src完全控制 68

在viewport＜meta＞标记上控制放大 72

放大的权利？ 73

使用JavaScript增加地图 74

在JavaScript中建立一个伪媒体查询 76

将JavaScript增加到On Tap Now页面 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

访问键的实际使用 123

怎么回事？ 124

修正错误 125

懂移动的CSS 127

嗯……少了点东西 132

按钮外观没有了！ 133

大获成功！ 134

4决定支持谁 我们要支持哪些设备？ 138

你怎么知道在哪里划分界线？ 138

稍事休息 139

不支持的设备与不能支持的设备 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

扩大AcedIt！的业务范围 182

戴上移动眼镜评判这个主页 183

将需求分组为多种移动体验 184

设备类排排坐 185

熟悉匹配函数 191

这个switch语句在做什么？ 192

使用匹配函数测试能力 193

填补设备类测试的缺口 200

我们需要一个更大的安全网 211

及时的一针 212

6使用框架构建移动Web应用 花格布爱好者 219

HTML5……应用……这些词究竟是什么意思？ 219

“传统”网站的一般表现 220

应用型网站的一般表现 221

Tartanator第1阶段主计划 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

颜色-大小域对：颜色选择域 259

颜色-大小域对：大小域 260

链接到表单 262

7真实世界的移动Web应用 超级移动Web应用 268

看着还不错…… 268

真实世界的移动应用 270

各就各位，预备，增强！ 274

建立一个更棒的表单 275

一个部件管理颜色大小列表 276

深度探秘 277

这就是前端增强…… 278

……现在来看后端 280

generate.php的两方面 281

最后一个问题！ 282

离线很重要 284

创建缓存清单的基本步骤 285

开发工具来帮忙 286

提供内容类型正确的清单 287

胜利（最终）属于我们 297

地理定位如何工作 298

如何向符合W3C标准的浏览器询问当前位置 299

查找事件页面起步：基准 301

集成地理定位 303

什么也没找到 309

8用PhoneGap构建混合型移动Web应用 花格布搜寻：实现原生 314

机会又来了 314

混合型应用如何工作？ 317

用PhoneGap填补Web-原生缺口 318

熟悉PhoneGap Build 321

应用如何工作？ 322

跟踪已经找到的花格布 323

Tartan Hunt项目剖析 324

下载应用 328

选择你的路 329

看到了什么？存储找到的花格布 334

localStorage能为我们做什么？ 335

检查浏览器支持什么 339

用一个函数显示哪些花格布已经找到 340

toggle和toggleClass方法 341

你找到了一个花格布，是吗？那就证明看看！ 344

利用PhoneGap拍照 345

PhoneGap基本准备就绪，可以出场了 347

现在准备使用mediaCapture API 348

成功时如何处理？ 349

真实世界里总有点不同 350

只是匿名 351

最后一点！ 353

搞定了！ 354

9如何实现未来友好 应对混乱 358

现在怎么样呢？ 358

消除控制假象 361

未来友好宣言 362

如果你不能保证未来，那就实现未来友好吧 364

今天的应用，明天的网页 365

漫长的道路：这里有一些路标 366

移动大餐 369

面向未来 371

i其他 6大主题（我们没有谈到的） 374

#1在移动设备上测试 374

#2远程调试 376

#3确定浏览器支持什么 382

#4设备API 384

#5应用商店和分发 385

#6 RESS：响应式设计+服务器端组件 386

ii建立Web服务器环境 就要开始了 388

你要做的准备 388

只在本地可用 389

Windows和Linux：安装和配置XAMPP 390

启动XAMPP 391

Mac用户：现在是MAMP时间 392

确保有正确的端口 393

访问你的Web服务器 394

phpInfo，拜托了！ 396

iii安装WURFL 搜寻设备 398

谁是策划者？ 398

谁来行动？ 399

让二者协作 400

做一点文件系统“家务活” 401

记笔记！ 402

iv安装Android SDK和工具 完善环境 404

下载Android SDK 404

找到最合适的工具 405

创建一个新的虚拟设备 408

找到正确的PATH 413

索引 417