给网页设计员的30个HTML5学习资源
日期：2014-05-17 浏览次数：20692 次
给网页设计师的30个HTML5学习资源
原文出处：http://www.html5.cn/?p=116002
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语言。以下30多个资源可帮你开始学习HTML5。
1、Blowing up HTML5 video and mapping it into 3D space最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。
2、Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3HTML5更加语义化，使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag，比如 navigations 和 footers 使代码更有意义也更接近自然语言。
3、Coding A HTML 5 Layout From Scratch
这篇文章将教你：（1）用原有技术将元素放置在特定位置；（2）最新的技术潮流；（3）Microformats与HTML5协同使用；（4）介绍HTML5与CSS3的新特性。
4、Coding a CSS3 and HTML5 One Page Website Template这篇文章介绍了如何利用CSS3 和jQuery的新特性制作HTML5 网页模版。 HTML5 仍在完善当中，你也可以选择性的下载XHTML版。
5、Comprehensive video tutorial on HTML5这是一个叫Brad Neuberg的工程师制作的HTML5教学视频。
6、Create modern Web sites using HTML5 and CSS3这篇文章介绍了许多HTML5的功能和语法及API，还有CSS3的新的选择器，效果和特性。最后， 还将教你如何利用这些新特性开发一个网页。当你读完这篇文章，你就能用HTML5和CSS3开发一个自己的站点啦。
7、Designing a blog with html5许多HTML5 特性要结合JavaScript API一起使用，以增加网页的互动性。但仍有一些新元素可让传统的Web1.0页面更加语义化。为了学习这些，我们来看怎样建立一个博客。
8、Designing for the Future with HTML5 and CSS3 : Tutorials and Best Practices这篇文章将介绍用 HTML5和CSS3搭建的几个最佳站点。
9、Design and Code a Cool iPhone App Website in HTML5，用HTML5设计和实现一个超酷 iPhone App网站。
10、Have a Field Day with HTML5 Forms这篇文章将教你如果用HTML 5 和高级CSS技术与最新的CSS3技术建立一个漂亮的表格。
11、How To Create A Nice Blog Design Touching The Future，不用photoshop，完成网页设计。
12、How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6，这篇文章将教你如何用JavaScript和CSS，使 HTML5页面向下兼容，即使是IE6也不例外。
13、How to Make an HTML5 iPhone App，这是一篇针对iPhone的指导，但是许多技术也可用在兼容HTML5的手机浏览器上。
14、HTML 5 and CSS 3: The Techniques You’ll Soon Be Using，这篇文章使用HTML 5和CSS 3 搭建博客页面。如果你已经熟悉html 和CSS，将很容易跟上。
15、HTML5 for Beginners. Use it now, its easy给所有具有基础HTML知识的初学者的HTML 5 入门指南。
16、HTML5 Presentation 这篇文章介绍了HTML5 的发展历史和它的基本特性。
17、HTML5 Tutorial – Getting Started，这篇文章是HTML 5入门指导。
18、How to Build Web Pages With HTML 5讲述怎样建立HTML 5网页。
19、Simple Website Layout Tutorial Using HTML 5 and CSS 3，HTML5 最令人期待的新标签包括<header>, <footer>, <aside>, <nav>, <audio>，同时它还包括画图，线下存储数据，拖放等API。页面布局将会更易理解。这里将介绍一个最简单的HTML 5 布局页面，用CSS3 设置样式。
20、Structural Tags in HTML5，HTML5 有许多标签帮助网页结构化，这能省去以网页中许多div。
21、HTML5 Boilerplates，此文介绍了一些你能拿来就用的HTML5模板文件；
22、HTML 5 canvas – the basics 对HTML 5 Canvas使用方法的全面指导。
23、HTML 5 Tutorials，HTML 5 指南。
24、Implementing HTML5 Drag and Drop: New Premium Tutorial，HTML5 的一个新特性就是拖放，不过IE早在5.5时代就支持拖放了，而HTML 5 的拖放也是基于IE的。
25、Preview of HTML 5这是一篇比较老的文章，介绍了HTML5的特性和优点。
26、The HTML 5 Canvas For Flash Developers:Drawing，HTML 5 Canvas 的画图功能。
27、The Power of HTML 5 and CSS 3介绍了HTML 5 与CSS3能创造的各种效果。
28、View Source Tutorial: Sticky Notes With HTML5 and CSS3，HTML5 和CSS3 打造便利贴效果。
29、WebOS HTML5 Database Storage Tutorial，HTML5 的本地存储功能将使数据存储十分简便。
30、Yes,You Can Use HTML 5 Today本文介绍了一些现已被支持的HTML 5 特性，对初学者十分有用。
原文出处：http://www.html5.cn/?p=116002
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语言。以下30多个资源可帮你开始学习HTML5。
1、Blowing up HTML5 video and mapping it into 3D space最近我研究了HTML 5中的Canvas 和Video 标签，并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。
2、Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3HTML5更加语义化，使用HTML5 我们不必在网页上布满没有意义的div。它引入了有意义的tag，比如 navigations 和 footers 使代码更有意义也更接近自然语言。
3、Coding A HTML 5 Layout From Scratch
这篇文章将教你：（1）用原有技术将元素放置在特定位置；（2）最新的技术潮流；（3）Microformats与HTML5协同使用；（4）介绍HTML5与CSS3的新特性。
4、Coding a CSS3 and HTML5 One Page Website Template这篇文章介绍了如何利用CSS3 和jQuery的新特性制作HTML5 网页模版。 HTML5 仍在完善当中，你也可以选择性的下载XHTML版。
5、Comprehensive video tutorial on HTML5这是一个叫Brad Neuberg的工程师制作的HTML5教学视频。
6、Create modern Web sites using HTML5 and CSS3这篇文章介绍了许多HTML5的功能和语法及API，还有CSS3的新的选择器，效果和特性。最后， 还将教你如何利用这些新特性开发一个网页。当你读完这篇文章，你就能用HTML5和CSS3开发一个自己的站点啦。
7、Designing a blog with html5许多HTML5 特性要结合JavaScript API一起使用，以增加网页的互动性。但仍有一些新元素可让传统的Web1.0页面更加语义化。为了学习这些，我们来看怎样建立一个博客。
8、Designing for the Future with HTML5 and CSS3 : Tutorials and Best Practices这篇文章将介绍用 HTML5和CSS3搭建的几个最佳站点。
9、Design and Code a Cool iPhone App Website in HTML5，用HTML5设计和实现一个超酷 iPhone App网站。
10、Have a Field Day with HTML5 Forms这篇文章将教你如果用HTML 5 和高级CSS技术与最新的CSS3技术建立一个漂亮的表格。
11、How To Create A Nice Blog Design Touching The Future，不用photoshop，完成网页设计。
12、How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6，这篇文章将教你如何用JavaScript和CSS，使 HTML5页面向下兼容，即使是IE6也不例外。
13、How to Make an HTML5 iPhone App，这是一篇针对iPhone的指导，但是许多技术也可用在兼容HTML5的手机浏览器上。
14、HTML 5 and CSS 3: The Techniques You’ll Soon Be Using，这篇文章使用HTML 5和CSS 3 搭建博客页面。如果你已经熟悉html 和CSS，将很容易跟上。
15、HTML5 for Beginners. Use it now, its easy给所有具有基础HTML知识的初学者的HTML 5 入门指南。
16、HTML5 Presentation 这篇文章介绍了HTML5 的发展历史和它的基本特性。
17、HTML5 Tutorial – Getting Started，这篇文章是HTML 5入门指导。
18、How to Build Web Pages With HTML 5讲述怎样建立HTML 5网页。
19、Simple Website Layout Tutorial Using HTML 5 and CSS 3，HTML5 最令人期待的新标签包括<header>, <footer>, <aside>, <nav>, <audio>，同时它还包括画图，线下存储数据，拖放等API。页面布局将会更易理解。这里将介绍一个最简单的HTML 5 布局页面，用CSS3 设置样式。
20、Structural Tags in HTML5，HTML5 有许多标签帮助网页结构化，这能省去以网页中许多div。
21、HTML5 Boilerplates，此文介绍了一些你能拿来就用的HTML5模板文件；
22、HTML 5 canvas – the basics 对HTML 5 Canvas使用方法的全面指导。
23、HTML 5 Tutorials，HTML 5 指南。
24、Implementing HTML5 Drag and Drop: New Premium Tutorial，HTML5 的一个新特性就是拖放，不过IE早在5.5时代就支持拖放了，而HTML 5 的拖放也是基于IE的。
25、Preview of HTML 5这是一篇比较老的文章，介绍了HTML5的特性和优点。
26、The HTML 5 Canvas For Flash Developers:Drawing，HTML 5 Canvas 的画图功能。
27、The Power of HTML 5 and CSS 3介绍了HTML 5 与CSS3能创造的各种效果。
28、View Source Tutorial: Sticky Notes With HTML5 and CSS3，HTML5 和CSS3 打造便利贴效果。
29、WebOS HTML5 Database Storage Tutorial，HTML5 的本地存储功能将使数据存储十分简便。
30、Yes,You Can Use HTML 5 Today本文介绍了一些现已被支持的HTML 5 特性，对初学者十分有用。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
