前端工程师不容错过的10个HTML5工具

随着网络的不断扩张，Web开发人员非常有必要拥有新的HTML5工具，用于创建动态和交互式的Web应用程序和网页。下面这些就是你不应该错过的新的HTML5工具。极客营IT梦想学院分享：

1、Timesheet.js

Timesheet.js是一款用于创建使用ｊａｖａｓｃｒｉｐｔ库的HTML工作流的简单工具。你可以添加可视化和转换到使用CSS的事件。Timesheet.js特别好使，因为它只需要几行ｊａｖａｓｃｒｉｐｔ，就能生成漂亮的HTML布局。

2、Zebra

Zebra是一个基于HTML5的工具，可用于创建基于Web的用户界面应用程序。只有你想不到，没有它做不到。Zebra还是那些需要客户端插件才能工作的flash和小程序技术的替代品。Zebra纯粹基于网络。

3、Google Web Designer

此新工具由互联网巨头谷歌发布，旨在帮助那些没有HTML5语言背景知识的人创建互动的HTML5网站。该工具能为你提供所有的编码服务。所有你需要做的就是发挥你的想象力。如果你仍然想自己动手编写一些代码，那么也可以编辑生成的HTML5用于不同的输出。

4、Brunch

Brunch是强大的汇编程序，它能让你用一种简单而强大的方式构建精致外观的HTML5应用程序。Brunch能快速产出稳定的应用程序。

5、NoMe

NoMe是用于访问地理位置和使用HTML5的相关数据的ｊａｖａｓｃｒｉｐｔ库。因为它无需下载大量的数据库到本地计算机，所以能为你进入位置和天气信息时跳过不少麻烦。

6、Snap Tomato

这款新HTML工具允许你在任何设备上测试你的HTML5代码。Snap Tomato简单易用，由一个编辑器和一个单独的标签组成，标签可以让你实时预览正处于编辑器窗口下的网页。

7、Gauge.js

Gauge.js是用于创建使用ｊａｖａｓｃｒｉｐｔ自定义动画的仪表盘和滑动杆的脚本。你可以创建你所选择的任何仪表盘。此工具完全基于ｊａｖａｓｃｒｉｐｔ，不使用任何其他的代码，如CSS和XML。

8、overVid

CoverVid是一个超棒的工具，可用于将HTML视频作为网站的背景，让页面有一种动态的感觉。它是一个小型的jquery扩展，既容易又便于使用。

9、JSCapture

JSCapture是目前互联网上酷的工具之一。它能让你从浏览器对桌面进行截图。它甚至可以只使用ｊａｖａｓｃｒｉｐｔ和HTML5记录你的屏幕。

10、Quintus

如果你想开发酷炫的游戏，那么选择Quintus吧。Quintus是一款简单的ｊａｖａｓｃｒｉｐｔ HTML5游戏引擎，易学又易于使用。

以上这10个HTML5工具希望能给你带来帮助，你有哪些优秀的HTML5工具框架，欢迎和我们分享。同时，告诉大家一个好消息，极客营准备开设前端工程师课程啦，小伙伴们可在线咨询哦！

长沙极客营IT梦想学院是一个致力于高素质软件开发人才培养的计算机教育基地，首创国内《极客Android课程》、《极客IOS课程》、《极客Java课程》等专业教材，成为国内许多前沿IT企业的人才孵化基地，通过专业实训彻底排除学员的后顾之忧，并解决用人企业难以招聘到合格人才的困扰。