这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章，请在我们的网站GBin1留言支持！

1. FindmebyIP

一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼容有问题的朋友。优点是在线，可以方便大家查看。类似的网站还有这个：Caniuse.com

2.  Video JS 

一个基于javascript的HTML5视频播放器。拥有三个部分：一段嵌入代码，一个javascript类库以及HTML/CSS的皮肤。特别适合一些视屏网站来显示一个统一UI的视频，并且兼容各大平台（包括浏览器及其设备）。
免费，开源并且轻量级，当然你需要自己配置一些代码。

3. Flash to HTML5 online 

领先的在线flash转HTML5的网站之一。能够帮助你快速的将SWF文件转化为HTML5格式，包括，文字，线条和图片。并且它包含一个可安装版下载：version for windows and Mac， 支持苹果和windows。
特别适合需要将flash转化为HTML5或者将swf反编译成fla/flex的设计者。 
免费在线使用，方便快捷，反编译高效，使用简单，但是只支持AS1.0

4. Sketchpad

一个使用JS和HTML开发的在线画图工具。它是一个能够由你定制的工具，帮助你画任何你需要的图。 适合设计人员使用元素或者javascript创建一个画图类型的应用。 在线工具，使用方便并且UI友好。

5. Initializr

这个工具最有吸引力的地方在于模板。它能帮助你生成非常干净并且可定制的模板。适合设计人员开始一个基于HTML5的boilerplate的项目。非常实用。适合于新设计和自定义。

6. Lime JS

一个HTML5的游戏框架，能够快速的在浏览器，触摸设备上开发本地体验的游戏。非常棒的一个工具。值得一试。

7. Modernizr

一个非常小的JS类库能够为HTML5和CSS3的网站探测本地的现可能性。 允许你在你的样式表指定浏览器特定功能。无论浏览器是否支持HTML5你都可以使用HTML5和CSS3的特性。适合需要开发HTML5网站的开发人员。

8. Online HTML5 Audio maker Tool

为不同的浏览器提供音频解决方案，能够让你使用HTML5的audio标签。针对不同的浏览器使用不同的音频格式。适合需要添加音频到网站的开发人员

9.  HTML visual Cheat Sheet

一个必要的可视化网格可以帮助你列出所有HTML4和HTML5支持的标签及其属性。 允许你看到你寻找的所有内容。 适合所有开发HTML5网站的开发人员。

10. Font Dragr

一个非常好的拖放改变网站字体的工具， 你可以方便的添加你需要支持的字体。具体介绍参考这篇文章：分享一个实时动态修改测试网站字体的jQuery代码片断

以上是我们收集的HTML5及其CSS3的设计工具，希望大家能够喜欢，如果你有其它的好工具，请你和我们分享。谢谢！