Web 开发人员必备的经典 HTML5 教程


对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前...
        对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前进。本文将分享能够帮助您快速掌握 HTML5 的实例教程,值得好好学习。

Measuring Page Load Speed with Navigation Timing

  Navigation Timing 是用于精确测量网站性能的 JavaScript API。该 API 提供一种简单的方式来获得准确,详细的时序统计,页面导航和负载事件。它可现在能够在Internet Explorer 9,谷歌 Chrome 和 Firefox 中使用。本文介绍了该 API 以及如何利用它暴露时间数据。

 

Multi-touch Web Development

  移动设备如智能手机和平板电脑通常有一个电容式触摸屏,以捕捉用户的手指动作。随着移动互联网的发展,应用程序越来越复杂,Web 开发人员需要一种方法来处理这​​些事件。例如,几乎所有的快节奏的游戏需要玩家一次按下多个按钮,这在触摸屏的背景下,意味着多点触摸。

  在这篇文章中深入介绍了 iOS 和 Android 设备提供的触摸事件 API,探索什么样的应用程序你可以建立并提出了一些最佳实践,使人们更容易开发触摸功能的应用程序。

 

Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5

  在本教程中,您将学习如何将一个 HTML 列表转换为墙上的“即时贴”,效果就像下面图片展示的那样。

 

Writing Augmented Reality Applications using JSARToolKit

  这篇文章是关于使用 JSARToolKit 库与 WebRTC getUserMedia API 在网络上做增强现实的应用程序。本文的最终结果是把一个三维模型上的增强现实标记在网络摄像头视频之上。

 

Native HTML5 Drag and Drop

  多年来,我们一直在使用像 jQuery、YUI 和 Dojo 等 JavaScript 库来简化复杂的 UI 元素,例如动画,圆角和拖放等。拖放(DND)在 HTML5 中是一等公民!该规范定义了一个基于事件机制的 JavaScript API,帮助你创建更强大的拖放功能。

  

Quick guide to webfonts via @font-face

  来自 CSS3 的 @font-face 功能使我们能够以一种可访问的,可操作和易扩展的方式在网页上使用自定义的字体。但是,你可能会说,“我们为什么要使用@font-face,如果我们有 Cufon,sIFR 技术以及在图像中使用文本?”

 

Perfectly Positioned Plusses

  你曾见过缩略图,当鼠标悬停的时候,露出中间的图标来提示什么是即将发生的事情?有没有想过如何s实现这个效果?或者曾经试过,但没能让图标完全居中,尤其是当你的缩略图不是固定尺寸的时候?看看这个快速提示。

 

A Beginner’s Guide to Using the Application Cache

  应用程序缓存(或 AppCache)允许开发人员指定哪些文件浏览器应缓存并提供给离线用户。您的应用程序将加载并正常工作,即使用户离线的时候按下刷新按钮。

更多 html5 相关资讯

必须Mark!最佳HTML5应用开发工具推荐

必须Mark!最佳HTML5应用开发工具推荐

HTML5自诞生以来,作为新一代的Web标准,越来越受开发人员及设计师的欢迎。其强大的兼容性,一次开发,到处使用,大大减少了跨平台开发人员的数量及成本。特别是在如今日新月

Mozilla HTML5 Dashboard:HTML5新技术演示集合

Mozilla HTML5 Dashboard:HTML5新技术演示集合

HTML 如今已经进入 v5 时代,CSS 也进入了 v3 时代,JavaScript 也有了更炫的用法,随着现代浏览器的演进,使得越来越多的 Web 应用可以呈现出令人惊叹的效果。  Mozilla

HTML5与原生应用之争将长存

HTML5与原生应用之争将长存

数据分析公司IDC发布最新的HTML5技术评估报告。报告指出,对于HTML5而言,这是最好的时代,也是最坏的时代。尽管在苹果、微软等巨头公司的强力支持下,HTML5已经获得了非常

HTML5 Dashboard – 让你激动的 Web 技术

HTML5 Dashboard – 让你激动的 Web 技术

HTML5 Dashboard 是一个 Mozilla 推出的项目,里面展示了最前沿的 HTML5,CSS3,JavaScript 技术。每一项技术都有简洁,在线演示以及详细的文档链接。这些技术将成为未来一

移动专属 HTML5将主宰在线视频?

移动专属 HTML5将主宰在线视频?

磁带、光盘、Flash等媒介都需要播放器,这些媒介正在或者已经死 亡。就像CD取代磁带成为一种更高效的音乐播放方式一样,数字文件也将取代CD。依此类推,HTML5也会让Flas

乔布斯遗言成真:2014年HTML5将取代Flash

据外媒报道,2010年史蒂夫·乔布斯(Steve Jobs)曾针对Flash发表言论,称这种视频技术将很快被HTML5取代。四年后的今天Rapt Media CEO埃里卡·陶德曼(Erika Trautman)认为HT

HTML5,浏览器平台化的助推器

HTML5,浏览器平台化的助推器

由于一直没有完整统一的安全标准,在长期多种混乱的开发模式相互作用下,浏览器的安全漏洞数一直居高不下,这成为了限制当代浏览器发展的关键因素。 而随着HTML5新标准的逐步完善

HTML5大提速:Famo.us消灭浏览器原罪

HTML5大提速:Famo.us消灭浏览器原罪

自从扎克伯格宣称“豪赌HTML5是Facebook犯下的最严重错误”后,HTML5被越来越多的移动开发者抛弃,Facebook和LinkedIn等公司也推迟了HTML5应用计划。但是最新的HTML5

IDC谈HTML5演进状态:混合应用将占据大份额

IDC应用开发研究主管Al Hilwa最近撰写并发布了一份研究报告:HTML5演进状态。在报告中,Hilwa力图评估迄今为止所取得的进步和当前的状态,并对HTML5作为统一Web平台的未来

大势所趋!HTML5成Web开发者最关心的技术

大势所趋!HTML5成Web开发者最关心的技术

最近,在Stack Exchange上出现了一个比较热门的问题:Web开发者最头疼的问题是什么?结果并不是大家通常认为的兼容性问题,而是关于HTML5。 在所有与前端开发相关的

更多 html5app开发 相关资讯

HTML5与原生应用之争将长存

HTML5与原生应用之争将长存

数据分析公司IDC发布最新的HTML5技术评估报告。报告指出,对于HTML5而言,这是最好的时代,也是最坏的时代。尽管在苹果、微软等巨头公司的强力支持下,HTML5已经获得了非常

HTML5,浏览器平台化的助推器

HTML5,浏览器平台化的助推器

由于一直没有完整统一的安全标准,在长期多种混乱的开发模式相互作用下,浏览器的安全漏洞数一直居高不下,这成为了限制当代浏览器发展的关键因素。 而随着HTML5新标准的逐步完善

HTML5大提速:Famo.us消灭浏览器原罪

HTML5大提速:Famo.us消灭浏览器原罪

自从扎克伯格宣称“豪赌HTML5是Facebook犯下的最严重错误”后,HTML5被越来越多的移动开发者抛弃,Facebook和LinkedIn等公司也推迟了HTML5应用计划。但是最新的HTML5

html5移动开发的几大特性

html5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE、Chrome、FireFox、Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就

HTML5对比原生开发APP谁更胜一筹?

HTML5对比原生开发APP谁更胜一筹?

伴随移动装置蓬勃兴起,辅以诉诸高速率的IMT-Advanced(4G)服务最快于2014年上路,使得移动应用的想象空间更加辽阔,而位居移动应用服务关键枢纽的Mobile App,遂成为企业必

分析以HTML5开发移动游戏的可行性

分析以HTML5开发移动游戏的可行性

现在只要在浏览器中输入“HTML5”,只要花一个小时浏览,就能看到各种关于HTML5的正面和负面报道。有些观点认为HTML5提升了行业技术标准,有些则声称HTML5还很不成熟,近期尚无法在

强大的 HTML5 Mobile App 开发框架

强大的 HTML5 Mobile App 开发框架

Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以

开发者如何真正面向HTML5平台创造游戏

开发者如何真正面向HTML5平台创造游戏

在我看过和玩过的数千HTML5游戏中,最让人沮丧的一点便是许多游戏都只是将“HTML5”作为创造“手机”或“Flash”游戏的一种选择方法。这一看法存在的问题便在于,HTML5既

HTML5与原生APP之争胜负已出?

HTML5与原生APP之争胜负已出?

早在HTML5技术问世之时,有关网络应用与原生应用谁将成为移动终端霸主的问题,就曾引起过广泛的争论。时至今日,不仅关于二者孰强孰弱的争论已然平息,就连备受关注的移动

一个移动开发者的自述(HTML5中国老用户)

我来自云南昆明,目前从事移动应用开发。 1999年毕业后,因为学计算机专业的缘故,选择了IT行业,最初做网站建设,02年开始做WEB应用开发,一直到05年初,自己开始出来创业,开发与

更多 web技术 相关资讯

大势所趋!HTML5成Web开发者最关心的技术

大势所趋!HTML5成Web开发者最关心的技术

最近,在Stack Exchange上出现了一个比较热门的问题:Web开发者最头疼的问题是什么?结果并不是大家通常认为的兼容性问题,而是关于HTML5。 在所有与前端开发相关的

全Javascript的Web 开发架构:MEAN

引言 最近在Angular社区的原型开发者间,一种全Javascript的开发架构MEAN正突然流行起来。其首字母分别代表的是:(M)ongoDB——NoSQL的文档数据库,使用JSON风格来存储

别闯进Hybrid App的误区

别闯进Hybrid App的误区

Hybrid App,是一种开发模式,兼顾Web和Native的一种开发模式。有人说它把Web App扼杀在摇篮里,有人说它把Native App引向一个新阶段。我说,它是一把双刃剑,千万别闯进它的

JavaScriptoo:以更好的方式选择JS库

JavaScriptoo:以更好的方式选择JS库

在如今的HTML5时代,JavaScript技术已经被推到了顶峰,各种各样的库使得JavaScript如虎添翼,jQuery使得一些Web效果和DOM操作变得简单,Node.js将JavaScript的应用范围从客

智能机爆棚时代的企业移动信息化分析

智能机爆棚时代的企业移动信息化分析

企业移动信息化和大众移动化本质性的区别,就在于追求着不同的目的。 城市马路上看到一个人把手机像对讲机一样拿着不停的讲话,这在中国已经是很常见的一景。随着智能

一个HTML5移动Web开发框架 - Lungo.js

一个HTML5移动Web开发框架 - Lungo.js

Lungo.js 是一个采用HTML5, CSS3 和JavaScript技术实现的移动Web应用程序开发框架。利用这框架开发的应用程序可运行所有流行的平台包括:iOS, Android, Blackberry

Angular.js VS. Ember.js:谁将成为Web开发的新宠?

Angular.js VS. Ember.js:谁将成为Web开发的新宠?

本文源自于Quora网站的一个问题,作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架,通过筛选,最终纠结于 Angular.js和 Ember.js。 这个问题获得

CSS Shapes:Web设计人员的新工具

CSS Shapes:Web设计人员的新工具

本文作者是在WebdesignerDepot做编辑的Benjie Moss,他钟爱文字设计,语义标记和优雅代码,还通常进行马拉松训练。他在文章中主要讲CSS Shapes给Web开发人员带来的便捷功

Guacamole 0.8.2 发布 基于HTML5技术远程桌面访问

Guacamole 0.8.2 发布 基于HTML5技术远程桌面访问

     Guacamole是一个HTML5 Web应用程序提供了使用如VNC或RDP远程桌面协议来访问远程桌面环境。一个集中的服务器作为隧道代理,允许通过Web浏览器访问多个桌面。无必要

让Web开发事半功倍的10款HTML5工具

让Web开发事半功倍的10款HTML5工具

HTML(Hyper Text Mark-up Language)即超文本标记语言,自万维网初创之日起,它就已经成为满意度很高的公共语言。在过去的两年里,HTML5在性能上得到了很大的提升和改进,当仁