HTML5 将来一定会改变我们创建网站和Web应用程序的方式。在这篇文章中，我将共享10个非常强大的工具，帮助简化和强化你的HTML5的编码。

1.Initializr

alizr会为你生成一个干净的可定制的模板，基于Boilerplate。

2.HTML5 Demos

想知道firefox是否支持HTML5 canvas吗? 或者Safari是否可以运行在HTML5聊天客户端？HTML5demos 能够帮你快速了解在特定的浏览器上可以使用哪些属性。

3. HTML5 Tracker

想要保留与HTML5连接？那要用用这个跟踪器吧。

4.HTML5 visual cheat sheet

 
需要迅速找到一个标签或属性吗？只要看看在这个非常酷的cheet sheet，就大功告成了！这是一个所有Web开发人员的必备小工具。

5.Switch To HTML5

 
Switch To HTML5  是个模板生成器，如果你想开始一个新项目，你可以通过访问这个网站来获取免费的HTML5网站模板吧。

6.Cross browser HTML5 forms

 
表单是网站的重要组成部分，HTML5的特色之处包括日历，色板，滑动部件，客户端验证等等。但有一个问题不容忽视，不是所有的浏览器都支持这些特性。Cross browser HTML5 forms 就派上了用场，较好地解决了跨浏览器兼容问题。

7. HTML5 Test

 
您的浏览器是否做好了准备来迎接HTML5的革命呢？ HTML5 Test将让你知道。该网站将提供一些报告，来反映视频、音频、Canvas能否运行在你目前使用的浏览器中等。

8.HTML5 Canvas cheat sheet

 
Canvas元素是HTML5中一个非常重要并有趣的部分，因为它允许你在屏幕上绘图。如果你需要任何关于canvas元素的帮助，就用HTML5 Canvas cheat sheet吧。

9.Lime JS

 
LimeJS是一款HTML5的游戏框架，支持触摸屏和桌面浏览器。非常棒，必须一试。

10. HTML5 Reset

 
HTML5 Reset是一组文件（HTML、CSS等），能够帮助你节省新建项目的时间。好消息，现在可以免费下载HTML 5 的空白WordPress主题模板。

Via: http://www.catswhocode.com/