《HTML5移动Web开发实战》提供了应对这一挑战的解决方案。通过阅读本书,你将了解如何有效地利用最新的HTML5的那些针对移动网站的功能,横跨多个移动平台。全书共分10章,从移动Web、设备端配置和优化,变互、响应式设计、设备访问,调试、性能测试、富媒体等角度出发,包含了60多个实用的示倒,详细阐释如何构建快速、响应式的HTML5移动网站,适用于iOS、Android、WindowsPhone和BlackBerry等众多主流移动应用平台。  

 

  《HTML5移动Web开发实战》作者是HTML5 Boilerplate项目的成员,MobileBoilerplate(//h5bp.com/mobile)的主要开发人员。《HTML5移动Web开发实战》为那些致力于实现高性能、响应式、跨平台的HTML5移动网站的程序员量身打造,也适合对移动Web开发感兴趣的读者学习参考。

教程地址:HTML5移动Web开发实战 PDF扫描版

HTML5移动Web开发实战 目录:

第1章 HTML5与移动网站 

1.1 简介 

1.2 确定网站的适用移动设备 

1.2.1 用户最常用的平台和浏览器是什么 

1.2.2 有多少用户使用支持现代脚本的移动设备 

1.2.3 Google Analytics的替代品 

1.2.4 Google Analytics的精准度 

1.2.5 对服务端读取速度的担忧 

1.3 配置移动开发工具 

1.3.1 准备 

1.3.2 实践 

1.3.3 回顾 

1.3.4 延伸 

1.4 BlackBerry仿真器 

1.4.1 准备 

1.4.2 实践 

1.5 配置移动开发环境 

1.5.1 准备 

1.5.2 实践 

1.5.3 回顾 

1.5.4 延伸 

1.6 在移动网站中使用HTML5 

1.6.1 准备 

1.6.2 实践 

1.6.3 回顾 

1.6.4 延伸 

1.7 跨浏览器HTML5 

1.7.1 准备 

1.7.2 实践 

1.7.3 回顾 

1.7.4 延伸 

1.8 移动设计 

1.8.1 准备 

1.8.2 实践 

1.8.3 回顾 

1.8.4 延伸 

1.9 定义一个内容策略 

1.9.1 准备 

1.9.2 实践 

1.9.3 回顾 

1.9.4 延伸 

第2章 移动端的配置和优化 

2.1 简介 

2.2 通过界面图标启动Web应用 

2.2.1 准备 

2.2.2 实践 

2.2.3 回顾 

2.2.4 延伸 

2.2.5 参考 

2.3 避免文本字体大小重置 

2.3.1 准备 

2.3.2 实践 

2.3.3 回顾 

2.3.4 延伸 

2.4 优化浏览器视口宽度设置 

2.4.1 准备 

2.4.2 实践 

2.4.3 回顾 

2.4.4 延伸 

2.5 修复移动版Safari的re-flow scale问题 

2.5.1 准备 

2.5.2 实践 

2.5.3 回顾 

2.5.4 延伸 

2.6 在浏览器中启动手机原生应用 

2.6.1 准备 

2.6.2 实践 

2.6.3 回顾 

2.6.4 延伸 

2.7 iPhone下全屏模式启动 

2.7.1 准备 

2.7.2 实践 

2.7.3 回顾 

2.7.4 延伸 

2.8 防止iOS在聚焦时自动缩放 

2.8.1 准备 

2.8.2 实践 

2.8.3 回顾 

2.8.4 延伸 

2.9 禁用或限制部分WebKit特性 

2.9.1 准备 

2.9.2 实践 

2.9.3 回顾 

2.9.4 延伸 

第3章 移动设备的交互方式 

3.1 简介 

3.2 利用触控来移动页面元素 

3.2.1 准备 

3.2.2 实践 

3.2.3 回顾 

3.2.4 延伸 

3.2.5 参考 

3.3 检测和处理横竖屏切换事件 

3.3.1 准备 

3.3.2 实践 

3.3.3 回顾 

3.3.4 延伸 

3.3.5 参考 

3.4 利用手势旋转页面元素 

3.4.1 准备 

3.4.2 实践 

3.4.3 回顾 

3.4.4 延伸 

3.4.5 参考 

3.5 利用滑动创建图库 

3.5.1 准备 

3.5.2 实践 

3.5.3 回顾 

3.5.4 延伸 

3.5.5 参考 

3.6 利用手势操作图片缩放 

3.6.1 准备 

3.6.2 实践 

3.6.3 回顾 

3.6.4 延伸 

3.6.5 参考 

第4章 构建快速响应式移动互联网站点 

4.1 简介 

4.2 使用HTML5语法构建页面 

4.2.1 准备 

4.2.2 实践 

4.2.3 回顾 

4.2.4 延伸 

4.2.5 参考 

4.3 使用CSS3特性做渐进增强 

4.3.1 准备 

4.3.2 实践 

4.3.3 回顾 

4.3.4 延伸 

4.3.5 参考 

4.4 使用响应式设计 

4.4.1 准备 

4.4.2 实践 

4.4.3 回顾 

4.4.4 延伸 

4.5 优化polyfills脚本的加载速度 

4.5.1 准备 

4.5.2 实践 

4.5.3 回顾 

4.5.4 延伸 

4.5.5 参考 

4.6 检测用户客户端 

4.6.1 准备 

4.6.2 实践 

4.6.3 回顾 

4.6.4 延伸 

4.7 使用书签气泡为应用添加桌面快捷方式 

4.7.1 准备 

4.7.2 实践 

4.7.3 回顾 

4.7.4 参考 

4.8 构建可自动伸缩的文本输入框 

4.8.1 准备 

4.8.2 实践 

4.8.3 回顾 

4.8.4 延伸 

4.8.5 参考 

4.9 加速按钮反馈 

4.9.1 准备 

4.9.2 实践 

4.9.3 回顾 

4.9.4 延伸 

4.9.5 参考 

4.10 隐藏浏览器的地址栏 

4.10.1 准备 

4.10.2 实践 

4.10.3 回顾 

4.10.4 参考 

4.11 构建移动互联网站点的站点地图 

4.11.1 准备 

4.11.2 实践 

4.11.3 回顾 

4.11.4 延伸 

第5章 移动设备访问 

5.1 简介 

5.2 获取位置信息 

5.2.1 准备 

5.2.2 实践 

5.2.3 回顾 

5.2.4 延伸 

5.3 跨浏览器定位 

5.3.1 准备 

5.3.2 实践 

5.3.3 回顾 

5.3.4 延伸 

5.4 基于地理信息显示地图 

5.4.1 准备 

5.4.2 实践 

5.4.3 回顾 

5.4.4 延伸 

5.5 实时显示地理位置 

5.5.1 准备 

5.5.2 实践 

5.5.3 回顾 

5.6 使用DeviceOrientation事件 

5.6.1 准备 

5.6.2 实践 

5.6.3 回顾 

5.6.4 延伸 

5.7 使用foursquare的定位 

5.7.1 准备 

5.7.2 实践 

5.7.3 回顾 

5.7.4 延伸 

第6章 移动富媒体 

6.1 简介 

6.2 移动设备上播放音频 

6.2.1 准备 

6.2.2 实践 

6.2.3 回顾 

6.2.4 延伸 

6.3 移动设备上播放视频 

6.3.1 准备 

6.3.2 实践 

6.3.3 回顾 

6.3.4 延伸 

6.4 使用离线缓存 

6.4.1 准备 

6.4.2 实践 

6.4.3 回顾 

6.4.4 延伸 

6.5 使用网络存储(Web Storage) 

6.5.1 准备 

6.5.2 实践 

6.5.3 回顾 

6.5.4 延伸 

6.6 使用Web Workers 

6.6.1 准备 

6.6.2 实践 

6.6.3 回顾 

6.7 使用session和history API构建类Flash导航效果 

6.7.1 准备 

6.7.2 实践 

6.7.3 回顾 

6.7.4 延伸 

第7章 移动设备调试 

7.1 简介 

7.2 使用Opera Dragonfly远程调试 

7.2.1 准备 

7.2.2 实践 

7.2.3 回顾 

7.2.4 延伸 

7.3 使用weinre远程调试 

7.3.1 准备 

7.3.2 实践 

7.3.3 回顾 

7.4 在移动设备上使用Firebug 

7.4.1 准备 

7.4.2 实践 

7.4.3 回顾 

7.4.4 延伸 

7.5 使用JS Console远程调试 

7.5.1 准备 

7.5.2 实践 

7.5.3 回顾 

7.5.4 延伸 

7.6 设置移动Safari调试器 

7.6.1 准备 

7.6.2 实践 

7.6.3 回顾 

第8章 服务器端性能调优 

8.1 简介 

8.2 防止移动设备转码(Mobile Transcoding) 

8.2.1 准备 

8.2.2 实践 

8.2.3 回顾 

8.2.4 延伸 

8.3 添加移动设备支持的MIME类型 

8.3.1 准备 

8.3.2 实践 

8.3.3 回顾 

8.3.4 延伸 

8.4 正确显示cache manifest文件 

8.4.1 准备 

8.4.2 实践 

8.4.3 回顾 

8.5 在头文件设置未来过期时间 

8.5.1 准备 

8.5.2 实践 

8.5.3 回顾 

8.5.4 延伸 

8.6 使用Gzip压缩 

8.6.1 准备 

8.6.2 实践 

8.6.3 回顾 

8.6.4 延伸 

8.7 移除ETags 

8.7.1 准备 

8.7.2 实践 

8.7.3 回顾 

8.7.4 延伸 

第9章 移动性能测试 

9.1 简介 

9.2 使用Blaze的移动设备速度测试 

9.2.1 准备 

9.2.2 实践 

9.2.3 回顾 

9.2.4 延伸 

9.3 在线分析移动页面速度 

9.3.1 准备 

9.3.2 实践 

9.3.3 回顾 

9.3.4 延伸 

9.4 PCAP网站性能分析 

9.4.1 准备 

9.4.2 实践 

9.4.3 回顾 

9.4.4 延伸 

9.5 移动版HTTP Archive 

9.5.1 准备 

9.5.2 实践 

9.5.3 回顾 

9.5.4 延伸 

9.6 使用Jdrop存储性能数据 

9.6.1 准备 

9.6.2 实践 

9.6.3 回顾 

9.6.4 延伸 

第10章 拥抱移动互联网特性 

10.1 简介 

10.2 window.onerror 

10.2.1 准备 

10.2.2 实践 

10.2.3 回顾 

10.2.4 延伸 

10.3 使用ECMAScript 5中的新方法 

10.3.1 准备 

10.3.2 实践 

10.3.3 回顾 

10.3.4 延伸 

10.4 HTML5中新的输入类型 

10.4.1 准备 

10.4.2 实践 

10.4.3 回顾 

10.4.4 延伸 

10.5 在HTML中内嵌SVG 

10.5.1 准备 

10.5.2 实践 

10.5.3 回顾 

10.5.4 延伸 

10.6 position:fixed 

10.6.1 准备 

10.6.2 实践 

10.6.3 回顾 

10.7 overflow:scroll 

10.7.1 准备 

10.7.2 实践 

10.7.3 回顾 

10.7.4 延伸 

HTML5移动Web开发实战 PDF扫描版​的更多相关文章

  1. HTML5 Canvas游戏开发实战 PDF扫描版

    HTML5 Canvas游戏开发实战主要讲解使用HTML5 Canvas来开发和设计各类常见游戏的思路和技巧,在介绍HTML5 Canvas相关特性的同时,还通过游戏开发实例深入剖析了其内在原理,让读 ...

  2. html5移动web开发实战必读书记

    原文  http://itindex.net/detail/50689-html5-移动-web 主题 HTML5 一.配置移动开发环境 1.各种仿真器.模拟器的下载安装 http://www.mob ...

  3. html5移动Web开发实战

    1.解决横竖屏字体大小变化 html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust:100 ...

  4. HTML5移动开发即学即用(双色) 王志刚 pdf扫描版​

    HTML5已经广泛应用于各智能移动终端设备上,而且绝大部分技术已经被各种最新版本的测览器所支持:逐一剖析HTML5标准中包含的最新技术,详细介绍了HTML5新标准中提供的各种API,各种各样的应用实例 ...

  5. HTML5移动应用开发入门经典 中文pdf扫描版

    HTML5是关注度ZUI高的前沿Web技术,而移动互联网则是近两年ZUI炙手可热的Web领域.<HTML5移动应用开发入门经典>将这两者巧妙结合起来,详细讲解了如何利用HTML5进行移动应 ...

  6. HTML5游戏开发 PDF扫描版​

    很多从事Web前端开发的人对HTML总有些不满,比如需要手动检查和设计很多格式代码,不仅容易出错,而且存在大量重复.好在HTML5让我们看到了曙光.作为下一代Web开发标准,HTML5成为主流的日子已 ...

  7. HTML5程序开发范例宝典 完整版 (韩旭等著) 中文pdf扫描版

    HTML5程序开发范例宝典紧密围绕编程者在编程中遇到的实际问题和开发中应该掌握的技术,全面介绍了利用HTML进行程序开发的各方面技术和技巧.全书共16章,内容包括HTML网页布局.HTML基本元素.H ...

  8. Web开发入门经典:使用PHP6、Apache和MySQL 中文pdf扫描版​

    通过学习本书,读者很快就能明白为什么PHP.Apache和MySQL会迅速成为开发动态网站最流行的方式,本书将为读者理解这3个核心组件如何独立工作和协同工作奠定良好的基础,引导读者充分利用它们提供的各 ...

  9. HTML5游戏开发进阶指南 中文pdf扫描版​

    HTML5游戏开发进阶指南介绍了HTML5游戏开发的一般过程和技巧.全书共分12章,第1章介绍了本书相关的HTML5的诸多新特性,包括在canvas上绘图.播放声音等,另外还引入了子画面页的概念:第2 ...

随机推荐

  1. Erlang基础 -- 介绍 -- Wordcount示例演示

    在前两个blog中,已经说了Erlang的历史.应用场景.特点,这次主要演示一个Wordcount的示例,就是给定一个文本文件,统计这个文本文件中的单词以及该单词出现的次数. 今天和群友们讨论了一个问 ...

  2. SpringMvc访问Controller去掉do

    只需要修改web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xs ...

  3. mybatis-spring升级导致的异常

    先记录一下,已被后面排查问题 升级前pom.xml依赖信息: <dependency> <groupId>org.mybatis</groupId> <art ...

  4. jQuery笔记——Ajax

    Ajax 全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式 ...

  5. maven 安装 过程

    maven 安装 过程 1 下载: apache-maven-3.0.3-bin.zip 压缩包 2 将压缩包解压到需要安装的目录文件中. 比如解压到: Z:\zr_anzhungwenjian\ap ...

  6. Python字符串笔录

    python字符串操作实方法,包括了几乎所有常用的python字符串操作,如字符串的替换.删除.截取.复制.连接.比较.查找.分割等 1.去空格及特殊符号 >>> s = '123 ...

  7. 每天一个Linux命令 - 【find】

    命令:find 用途:查找文件并执行指令的操作 [语法]:find [路径] [选项] [参数] [功能介绍]:find命令在指定的目录下查找文件.find命令还能够对查找到的文件执行的指定的操作,通 ...

  8. React 常用面试题目与分析

    调用 setState 之后发生了什么? 在代码中调用setState函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation).经过调和过程 ...

  9. CSS秘密花园:多边框

    今天在查询CSS3动画相关资料时偶然发现这个,感觉有时还是挺方便的.原文链接:http://www.w3cplus.com/css3/css-secrets/multiple-borders.html ...

  10. java基础之io流总结一:io流概述

    IO流概念: 流是一组有顺序的,有起点和终点的字节集合,是对数据传输的总称或抽象.io流是实现输入和输出的基础,可以方便的实现数据的输入和输出操作. IO流的分类: 根据处理数据类型的不同分为:字符流 ...