对于我来说，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）允许开发人员指定哪些文件浏览器应缓存并提供给离线用户。您的应用程序将加载并正常工作，即使用户离线的时候按下刷新按钮。

CSS3 Transitions And Transforms From Scratch

　　网上有很多 CSS 转换和过渡效果的惊人的例子。本教程将带您回到最基础的。我们要建立一些基本的 CSS3 过渡性的动作，一步一步来。

Best Practices for a Faster Web App with HTML5

　　多年以来，Cookie 都被用于跟踪唯一用户数据，它最大的缺陷就是所有的 Cookie 数据被添加到每个 HTTP 请求头。这可以对于页面的响应时间产生重要影响，尤其是在使用 XHR 的时候。所以，最好的做法就是减少 Cookie 的大小。

　　在 HTML5 中，我们可以做的比这更好：使用 sessionStorage 和 localStorage 代替 Cookie。这两个网络存储对象可以用来把用户的数据保存在客户端，它们的数据不通过 HTTP 请求传送到服务器。

Creating a Mobile-First Responsive Web Design

　　在这个教程中，我们将演练如何创建自适应的网络体验，学习把网页设计为移动优先的方法。

Improving HTML5 Canvas Performance

　　HTML5 画布功能，开始于苹果的一个实验，如今成为支持最广泛的网页 2D 图形标准。许多开发商都依赖于它来实现各种各样的多媒体项目、可视化和游戏。然而，由于我们建立的应用程序复杂性不断增加，开发人员无意中碰到了性能瓶颈。

Capturing Audio & Video in HTML5

　　HTML5 的兴起让 Web 访问硬件设备成为了可能。地理定位（GPS）的定位，方位 API（加速度计），WebGL（GPU），以及网络音频API（音频硬件）都是完美的例子。本教程介绍了一个新的 API：navigator.getUserMedia()，它允许网络应用程序访问用户的摄像头和麦克风。

Menu Notification Badges Using HTML5 Data-Attributes

　　在本文中，您将看到如果事业多种方式来实现徽章的效果，包括使用你可能不熟悉 HTML5 的数据属性。

您可能感兴趣的相关文章

本文链接：个每个 Web 前端开发人员必备的经典 HTML5 教程

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

【特别推荐】Web 开发人员必备的经典 HTML5 教程的更多相关文章

  1. Web 开发人员必备的12款 Chrome 扩展程序

    之前已经分享过一些帮助 Web 开发人员和设计师的 Chrome 扩展,这次我们继续展示一组很有用的 Chrome 应用程序.这些免费的 Chrome 应用程序可以简化您的工作流程,为了加快您的工作流 ...

  2. Web 开发人员必备的随机 JSON 数据生成工具

    在 Web 开发中,经常会需要一些测试数据来测试接口或者功能时候正确.JSON Generator 就是这样一款生成随机 JSON 数据的在线工具,Web 开发人员必备,记得收藏和分享啊. 您可能感兴 ...

  3. Web 开发人员不能错过的 jQuery 教程和案例

    jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能.这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuer ...

  4. Web开发人员必备工具-Emmet (Zen Coding)

    如果你从事前端开发或者web开发的话,一定听说过Zen coding - 一种快速编写HTML/CSS代码的方法.它使用仿CSS选择器的语法来快速开发HTML和CSS - 由Sergey Chikuy ...

  5. 十个WEB开发人员不可不知的HTML5工具

    Initializr 这是一个HTML5模板创建工具,帮助你得到持续的最新的HTML5样板文件. XRAY XRAY目前支持Safari, Firefox和IE浏览器,XRAY使用了CSS3的多个酷炫 ...

  6. 值得 Web 开发人员收藏的20个 HTML5 实例教程

    当开始学习如何创建 Web 应用程序或网站的时候,最流行的建议之一就是阅读教程,并付诸实践.也有大量的 Web 开发的书,但光有理论没有实际行动是无用的.现在由于网络的发展,我们有很多的工具可以用于创 ...

  7. 给 Web 开发人员推荐的通用独立 UI 组件（一）（按钮很不错）

    现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...

  8. 给 Web 开发人员推荐的通用独立 UI 组件（二）

    现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...

  9. Web 开发人员推荐的通用独立 UI 组件

    现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...

随机推荐

  1. 从头安装及配置PL/SQL Developer

    原文地址:http://lightguide.blog.51cto.com/3121539/1140588 因为自己安装及配置中走了不少弯路,搜索网上的文档大部分没有包含oralce client的安 ...

  2. 2013-09-25-【随笔】-Roy

    路怒了. 要淡定,心态要好. 不能和不要命的傻X较劲. 路怒不好! 淡定!

  3. 编码符_new

    begin#6BE3803ED5339EBA1028EF9FC2BBD85F196391DFC603EAE8B10BA25D0B69029667A9BD2D914CE59A26EF5ECF370D5C ...

  4. linux-15基础命令之-用户与用户组(useradd,userdel,usermod,passwd,groupadd)

    1.useradd 命令用于创建新的用户,格式为:useradd[选项] 用户名 useradd参数 参数 作用 -d 指定用户的家目录(默认/home/username) -D 展示默认值 -e 帐 ...

  5. 【转】C#Winform程序如何发布并自动升级（图解）

    有不少朋友问到C#Winform程序怎么样配置升级,怎么样打包,怎么样发布的,在这里我解释一下打包和发布关于打包的大家可以看我的文章C# winform程序怎么打包成安装项目(图解)其实打包是打包,发 ...

  6. 小谈 - web模仿手机打电话与正则表达式

    昨天遇到了一个很棘手的问题,就是手机端调用web端的页面,如果用编辑器插入的内容页面中有电话的的数据就要变一下格式,让手机端可以实现拨号的功能. 研究了半天就是没一点头绪,但是偶尔看到数据中每一个电话 ...

  7. Android前端人员与后台开发的撕逼（一）

    首先表明一下身份,本人是Android前端开发人员,本篇只做合理性探讨,不进行人身攻击: 其次希望各位大神进行点评!点评!点评! 我们讨论一下接口的两种返回方式,直接举例说明一下,假设书籍信息表有30 ...

  8. [.net 面向对象编程基础] (22) 事件

    [.net 面向对象编程基础] (22)  事件 事件(Event)是学习.net面向对象编程很重要的一部分,在学习事件之前,我们实际上已经在很多地方使用了事件,比如控件的click事件等,这些都是. ...

  9. 《CLR.via.C#第三版》第一部分读书笔记(一)

    最近开始仔细研读<CLR.via.C#第三版>这本书.读pdf文档确实很累.建议有条件的朋友还是买书看吧. 我的笔记用来记录我对这本书的理解,简化下逻辑,对每个部分我觉得是要点的进行归纳总 ...

  10. FastUI快速界面原型制作工具

    FastUI是一款快速制作应用程序界面原型的小工具,它之所以快,是因为它体积小巧.功能简洁实用. 在真正的应用程序(包括winform.手机app.网站等)开始编码之前,一般要先设计出原型,以便确认需 ...