读懂《HTML5网页开发实例详解》这本书

你还在用Flash嘛?帮主早不用了

乔布斯生前在公开信《Flash之我见》中预言:像HTML 5这样在移动时代中创立的新标准,将会在移动设备上获得胜利。

——国际巨头Google、苹果等都支持HTML 5标准,要不要学,你看着办!

BAT三巨头都偷偷用上HTML 5了

HTML 5目前在国内的发展达到了空前的高度,以BAT三大巨头互联网公司为例,他们都已经争先恐后地将HTML 5的新技术融入到现实的开发领域中了。本书的例子会涉及WebQQ、一淘网、大众点评网等公司在HTML 5方向的技术运用情况。

——还不知道BAT是谁?太out了,百度、阿里、腾讯,地球上的国人应该都知道吧。

HTML 5做了哪些改变?

语义性、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成、CSS 3是HTML 5技术的核心,本书不光介绍八大特性的理论,重点是通过实战示例让读者精通它们。

——世界上有八大奇迹,HTML5也有八大特性。

本书真的适合你嘛?

本书帮你从HTML 4时代过渡到HTML 5时代;本书提供现实生活中的应用,包括移动应用和普通PC应用;本书会涉及HTML 5的游戏库、图表库、框架介绍和案例;本书从现实的表单使用场景出发,解决低版本浏览器的兼容问题;本书介绍各种W3C规范来自什么标准,用向何处;本书提供多套作者自己实际应用的跨浏览器的原生解决方案。

——怕HTML 5不兼容?没关系,本书给出了优雅降级和各种跨浏览器兼容方案。

本书是一本最全的HTML 5技术书,是一本最全的HTML 5案例书,由大众点评网资深前端工程师周遥和聚划算资深前端工程师李春城联袂奉献。所有的实例和框架在这里给读者做一个预览。

本书涉及的技术或框架

Modernizr

jQuery

Paper.js

WebGL

SVG

WebRTC

Socket.IO

MVC

Sencha Touch

jQuery Mobile

JQ.Mobi

HTML 5 Boilerplate

Less Framework

Raphael

Highcharts

Three.js

Sublime Text 2

Node.js

Chrome浏览器调试

Fiddler加速

JSONP

JSON

Google 地图

Swig模板

Consolidate.js


 

本书涉及的示例和案例

当前天气的APP

新闻阅读列表APP

一个网站的用户增长曲线图

网页中的3D效果

用Node.js搭建Web Server

销售数据图表

带字幕的视频播放器

手机定位

可拖放文本阅读器

聊天室

排队处理订单

离线留言

新消息提醒

WebQQ的通讯

花开花落的动画

MP3播放器

追踪用户位置

用浏览器拍照和摄像

类iPhone鼠标拖动效果

文件拖放上传

桌面提醒工具

微博信息实时推送

在线代码编辑器

预览网页内容

手机遥控PPT

响应式新闻阅读列表

时间: 2024-10-06 09:06:37

读懂《HTML5网页开发实例详解》这本书的相关文章

当里个当,免费的HTML5连载来了《HTML5网页开发实例详解》连载(一)

读懂<HTML5网页开发实例详解>这本书 你还在用Flash嘛?帮主早不用了 乔布斯生前在公开信<Flash之我见>中预言:像HTML 5这样在移动时代中创立的新标准,将会在移动设备上获得胜利. --国际巨头Google.苹果等都支持HTML 5标准,要不要学,你看着办! BAT三巨头都偷偷用上HTML 5了 HTML 5目前在国内的发展达到了空前的高度,以BAT三大巨头互联网公司为例,他们都已经争先恐后地将HTML 5的新技术融入到现实的开发领域中了.本书的例子会涉及WebQQ.

免费的HTML5连载来了《HTML5网页开发实例详解》连载(三)DOCTYPE和字符集

在2.1.2节中通过新老DOCTYPE的对比,读者可以清晰地看到HTML 5在精简旧有结构上做出的努力.DOCTYPE在出现之初主要用于XML中,用作描述XML允许使用的元素.属性和排列方式.起初HTML借鉴了XML中DOCTYPE的使用方法,并赋予了新用法,如大家熟知的触发浏览器的标准模式.假使在制作一张页面时,没有设定DOCTYPE,则浏览器会以怪异模式状态进行处理(即Quirks模式),该模式与标准模式在盒模型.样式.布局等都存在较大差异.因此,DOCTYPE在制作页面时是不可或缺的部分.

免费的HTML5连载来了《HTML5网页开发实例详解》连载(六)媒体查询

响应式设计的另一个重要技术手段是媒体查询.如果只是简单的设计一个流式布局系统,那么可以保证每个网格按比例的放大和缩小,但有可能会使得在小屏幕下(如手机设备)网格太小而严重影响阅读,这样的设计称不上响应式设计.媒体查询可以来解决这一问题.媒体查询可以为特定的浏览器和设备提供特定的样式.媒体查询是CSS 3的一个新特性,是对媒体类型的扩展. 提示:W3C列出了10种媒体类型,请参考http://www.w3.org/TR/CSS2/media.html#media-types. 在响应式设计中,媒体

免费的HTML5连载来了《HTML5网页开发实例详解》连载(五)图解通过Fiddler加速开发

Fiddler是Windows底下最强大的请求代理调试工具,监控任何浏览器的HTTP/HTTPS流量,窜改客户端请求和服务器响应,解密HTTPS Web会话,图4.44为Fiddler原理示意图. 图4.44  Fiddler原理示意图 Fiddler安装的系统要求为Windows XP或Windows 8中的版本,其中Fiddler2依赖于Microsoft.NET Framework 2.0,最新的Fiddler4依赖于Microsoft.NET Framework 4.0. Fiddler

《HTML5网页开发实例详解》连载(四)HTML5中的FileSystem接口

HTML 5除了提供用于获取文件信息的File对象外,还添加了FileSystem相关的应用接口.FileSystem对于不同的处理功能做了细致的分类,如用于文件读取和处理的FileReader和FileList对象.用于创建和写入的Blob和FileWriter对象.用于目录和文件系统访问的DirectoryReader和LocalFileSystem对象等,FileSystem功能的出现是浏览器在文件系统上的突破,具有里程碑的意义,虽然目前还尚未完全成熟,但足以让开发者发挥更大的想象空间.

免费的HTML5连载来了《HTML5网页开发实例详解》连载(四)HTML5中的FileSystem接口

HTML 5除了提供用于获取文件信息的File对象外,还添加了FileSystem相关的应用接口.FileSystem对于不同的处理功能做了细致的分类,如用于文件读取和处理的FileReader和FileList对象.用于创建和写入的Blob和FileWriter对象.用于目录和文件系统访问的DirectoryReader和LocalFileSystem对象等,FileSystem功能的出现是浏览器在文件系统上的突破,具有里程碑的意义,虽然目前还尚未完全成熟,但足以让开发者发挥更大的想象空间.

《HTML 5网页开发实例详解》目录

第一篇  从宏观上认识HTML 5 讲述了HTML 5引发的Web革命.HTML 5的整体特性.HTML 5相关概念和框架和开发环境搭建. 第1章 HTML 5引发的Web革命 1.1  你是不是真的了解HTML 5 1.1.1  通过W3C认识HTML 5的发展史 1.1.2  HTML 5.HTML4.XHTML的区别 1.1.3  什么人应该学HTML 5 1.1.4  一个图告诉你如何学习HTML 5 1.2  浏览器之争 1.2.1  说说这些常见的浏览器 1.2.2  浏览器的兼容烦

《HTML 5网页开发实例详解》样章、内容简介、前言

http://spu.jd.com/1167757597.html http://product.dangdang.com/23484942.html 样章 http://download.csdn.net/download/hdzn0603/7421803 内容简介 <HTML 5网页开发实例详解>从实际的应用场景出发,结合当下的热门技术,深入浅出地介绍了 HTML 5所包含的各项新技术.本书分为 14章.第 1~4章介绍了 HTML 5和浏览器的发展史. HTML 5新特性的使用,最新的前

推荐一本《HTML5网页开发实例》书,都是例子,比较好学

清华大学出版社推出的<HTML5网页开发实例详解>是一本最全的HTML 5技术书,是一本最全的HTML 5案例书,由大众点评网资深前端工程师周遥和聚划算资深前端工程师李春城联袂奉献.所有的实例和框架在这里给读者做一个预览. 1.当前天气的APP                        2.新闻阅读列表APP 3.一个网站的用户增长曲线图             4.网页中的3D效果 5.用Node.js搭建Web Server              6.销售数据图表 7.带字幕的视频