开始学习HTML5所须要的技巧和工具

 html5的确已经变成了web开发一个热门话题。 因为大多数现代浏览器（Safari浏览器，浏览器，Firefox，IE10和移动设备）的支持,即便规范还未彻底完成，但不少人已经采用它做为全部的Web开发项目的主要技术。在线巨头网站，如谷歌，Facebook，Twitter和YouTube网站，它们都在使用html5！

 

因此，我为本身也为全部想学习它的朋友写了这篇文章，做为一个研究。

在你开始前，你可可能想了解现代浏览器以及移动平台的支持特性。

• HTML5 Support Chart
• Mobile HTML5
• HTML5 Test
• HTML5 Demo

推荐阅读

• 10个在线简化HTML5编码的工具
• 2011年20个最棒的免费HTML5网站模板
• 很是有用的HTML5,CSS3的框架

Enable HTML5 tags!

旧版本的IE不能识别新的html元素。然而，已经有了一些javascript和css的解决方案来修改这个弱点。

• HTML5Shiv: 这个脚本使用IE去识别并装饰HTML5元素。
• HTML5 Enabler: 和HTML5Shiv相似，HTML5 Enabler使用IE识别新的HTML5元素。
• Modernizr: Modernrizr 容许咱们采起of HTML5和css3能力的新特性。
• HTML5 Reset: 这个有点不一样于其余的，它自带的文件夹结构和文件为你准备好开始一个新的项目。对于HTML5和css3的支持，它使用的是Modernizr。

我发现了一系列的javascript插件来兼容在一些浏览器上对HTML5的支持。

VideoJS

HTML5视频播放器，在不一样浏览器中保持一致外观，不支持HTML5则退回到flash功能，它将在全部浏览器包括IE6和移动设备中工做。

AudioJS

html音频播放器，audio.js 使用html5音频元素并且它拥有VideoJs一样的特性-一致的布局，若是不支持HTML5它将使用flash替换。

HTML5Widget

实现了HTML5表单模块的一个子集，包括日历，颜色选择器，滑动组件，客户端验证等等。

Webforms2

HTMl5表单增长属性如：pattern, required, autofocus，扩展已有属性，如文本框的maxlength属性。

LimeJS

LimeJS是HTML5的游戏框架，用于为现代化的触摸屏和桌面浏览器建设快速的、原生体验性的游戏。绝对很棒，必须尝试！

FlexieJS

事实上不是关于HTML5的，它很棒地支持了CSS3的灵活的盒模型。

在线工具

并且，还有一些HTML5有效的在线工具来加速开发HTML5网站的步伐。我发掘了一些HTML5的cheatsheet和在线参考资料。

HTML5 Boilerplate

HTML5样板是专业的基于HTML/CSS/JS的一个快速，健壮和面向将来的网站模板。您得到最佳出炉的最佳作法：跨浏览器的正常化，性能优化，甚至像跨域Ajax和Flash的可选功能。

Switch to HTML5

有用的在线工具，按照你的喜爱生成HTML5文档结构。

Initializr

Initializr是一个HTML5模板生成器，用于帮助您HTML5项目开始。它是创建在HTML5 Boilerplate之上。

HTML5 Visual Cheatsheet 

HTML5 Canvas Cheatsheet

HTML5 PocketBook