42个非常有用的 HTML5 开发教程和学习资源

标签: html5 开发 学习 | 发表时间:2012-01-30 09:39 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

如今,随着主流浏览器对 HTML5 的不断支持和完善,越来越多的开发者开始使用 HTML5 来开发各种功能强大的Web应用程序,HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5 ,今天这篇文章向大家分享42个非常有用的 HTML5 开发教程和速查手册。

HTML5 开发教程

1.  Code a Portfolio with HTML5 and CSS3

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

2.  Slick login form with HTML5 & CSS3

Slick login form with HTML5 & CSS3

3.  Create a stylish HTML5 template from scratch

Create a stylish HTML5 template from scratch

4.  Code a Vibrant Professional Web Design with HTML5/CSS3

Code a Vibrant Professional Web Design with HTML5/CSS3

5.  Coding a CSS3 & HTML5 One-Page Website Template

Coding a CSS3 & HTML5 One-Page Website Template

6.  Create An Elegant Website With HTML 5 And CSS3

Create An Elegant Website With HTML 5 And CSS3

7.  Tutorial: Case Study with Html5 + CSS3

Tutorial: Case Study with Html5 + CSS3

8.  Create a Grid Based Web Design in HTML5 & CSS3

Create a Grid Based Web Design in HTML5 & CSS3

9.  Create a Stylish Contact Form with HTML5 & CSS3

Create a Stylish Contact Form with HTML5 & CSS3

10.  Coding A HTML 5 Layout From Scratch

Coding A HTML 5 Layout From Scratch

11.  Design & Code a Cool iPhone App Website in HTML5

Design & Code a Cool iPhone App Website in HTML5

12.  Designing a blog with html5

Designing a blog with html5

13.  How to Make an HTML5 iPhone App

How to Make an HTML5 iPhone App

14.  Making Forms Fabulous with HTML5

Making Forms Fabulous with HTML5

15.  How to Build Cross-Browser HTML5 Forms

How to Build Cross-Browser HTML5 Forms

16.  HTML5 Tutorial – Getting Started

HTML5 Tutorial – Getting Started

17.  Simple Website Layout Tutorial Using HTML 5 and CSS 3

Simple Website Layout Tutorial Using HTML 5 and CSS 3

18.  Build a HTML5/CSS3 Website Layout Without Images – Part 1

Build a HTML5/CSS3 Website Layout Without Images – Part 1

19.  Building Web Pages With HTML 5

Building Web Pages With HTML 5

20.  Add Semantic Value to Your Pages With HTML 5

Add Semantic Value to Your Pages With HTML 5

21.  Embed Audio and Video in HTML 5 Pages

Embed Audio and Video in HTML 5 Pages

22.  HTML5 and CSS3 in Dreamweaver CS5.5 – Part 1: Building the web page

HTML5 and CSS3 in Dreamweaver CS5.5 – Part 1: Building the web page

23.  Create a Responsive Web Design Template

Create a Responsive Web Design Template

24.  A practical guide to building websites with HTML5 & CSS3

A practical guide to building websites with HTML5 & CSS3

25.  HTML5 & CSS3 envelope contact form

HTML5 & CSS3 envelope contact form

26.  How to Draw with HTML 5 Canvas

How to Draw with HTML 5 Canvas

27.  HTML 5 Canvas Tutorial

HTML 5 Canvas Tutorial

28.  Learning the basics of HTML5 canvas

Learning the basics of HTML5 canvas

29.  JavaScript Face Detection + Canvas + Video = HTML5 Glasses!

JavaScript Face Detection + Canvas + Video = HTML5 Glasses!

HTML5 文章和资源

30.  Semantics in HTML 5

Semantics in HTML 5

31.  Get Ready for HTML 5

Get Ready for HTML 5

32.  A Preview of HTML 5

A Preview of HTML 5

33.  Steve Smith on HTML5 and CSS3

Steve Smith on HTML5 and CSS3

34.  The Future of HTML 5

The Future of HTML 5

35.  HTML5 Boilerplate

HTML5 Boilerplate

36.  Initializr 2

Initializr 2

HTML5 速查手册

37.  HTML 5

HTML 5

38.  HTML 5 Visual Cheat Sheet by Woork

HTML 5 Visual Cheat Sheet by Woork

39.  HTML5 Visual Cheat Sheet

HTML5 Visual Cheat Sheet

40.  HTML 5 Cheat Sheet (PDF)

HTML 5 Cheat Sheet (PDF)

41.  HTML5 Canvas Cheat Sheet

HTML5 Canvas Cheat Sheet

42.  HTML5 id or class name cheatsheet

HTML5 id or class name cheatsheet

您可能还喜欢

英文链接: Must-Read HTML5 Tutorials and Resources

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

本文链接

相关 [html5 开发 学习] 推荐:

42个非常有用的 HTML5 开发教程和学习资源

- - 博客园_梦想天空
如今,随着主流浏览器对 HTML5 的不断支持和完善,越来越多的开发者开始使用. HTML5 来开发各种功能强大的Web应用程序,HTML5 正引领互联网新革命. 为了方便大家更好的学习 HTML5 ,今天这篇文章向大家分享42个非常有用的. HTML5 开发教程和速查手册. 九个让人难以置信的HTML5和JavaScript实验.

Adobe、标准和HTML5 -HTML5 and CSS3 开发

- - HTML5研究小组
“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业,新标准既可能是无限财富的源泉,也可能导致企业帝国的毁灭. 尽管存在着如此多的风险,标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时,计算领域的主要争议是Unix是否是一个可行的操作系统(以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战),以及哪个视窗平台(SUN/AT&T还是IBM/DEC/HP)将成为标准.

7个有用的HTML5学习资源

- huyun - 博客园新闻频道
  虽然HTML5还是很新,没有被所有主要浏览器支持,但现在还是有许多设计师和开发人员使用. 毫无疑问,几年下来,HTML5将对web开发起着很重要的作用. 我注意到很多人都在使用它,但也有许多人还没有接触过HTML5. 为了帮助学习这个任务,我们收集了7个有用的HTML5学习资源.   一、HTML5开发者指南.

HTML5历史与开发介绍-HTML5 入门教程

- - BlogJava_首页
HTML的发展历史和HTML5的诞生. HTML 5是近十年来Web开发标准最巨大的飞跃. 和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化. (HTML5也有了自己的logo).

HTML5 Canvas开发框架:CasualJS Framework

- Jimmy - ITeye论坛最新讨论
CasualJS Framework是根据ActionScript3?.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架. 虽然Canvas提供了强大的绘图功能,但满足不了高级开发的需要. 利用CasualJS的显示对象架构及渲染机制,你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象.

HTML5游戏开发工具推荐:IMPACT

- iDesperadO - HTML5研究小组
Impact 是一个 JavaScript 游戏引擎,可以为桌面和手机浏览器开发令人惊叹的 HTML5 游戏. 我已经试过了四个其他 JavaScript 游戏引擎,这是我用过的第一个比较有意义的(……)Impact 是市场上第一个真正专业级的 JavaScript 和 HTML5 游戏引擎. ——《Game Developer Magazine》,2011年5月.

HTML5开发:原理与实现

- - Web App Trend
在这篇文章中, W3C 浏览器技术核心标准工作成员 Mike Smith 谈论了 HTML5 到底是什么,并给出了一些对开发人员有用的资源,可以让他们跟进不断演化的标准. 我们正处于Web平台更新换代的过程之中. HTML5通常被用来描述这一过程,尽管更新换代中的技术并不局限于HTML5标准所定义的特性.

HTML5开发工具大盘点

- - CSS库
相信到目前你应该已经对Canvas这一神奇的HTML5新元素有了一定的了解. 在本文中,我们将深入了解画布的功能及特点,学习如何在HTML中利用Canvas绘制图形以及其它类型对象. 正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下:   一、HTML5开发工具之Adobe Dreamweaver.

游戏开发商开源HTML5游戏

- - Solidot
游戏工作室Wooga开源了其开发的HTML5游戏Pocket Island,源代码托管在GitHub上,该公司在官方博客上介绍了他们的开发经验,认为HTML5游戏有潜力,但尚未做好准备,开源的意图将是让其他人了解他们的工作,学习和改进. Wooga认为,2012年也许不是HTML5的黄金时代,但它的黄金时代即将到来.

【转载】HTML5开发工具介绍

- - HTML5研究小组
HTML5被看做是web开发者创建流行web 应用的利器,增加了对 视频和Canvas 2D的支持. HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来,如Adobe的Flash和微软的Silverlight,HTML5为实现这些插件的功能提供了一种标准化的方式.        虽然HTML5标准尚未开发完成,但是随着开发者对HTML5的兴趣日渐浓厚,开发工具提供商也开始跟进.