更自由的搭建方式也意味着你需要掌控的东西更多，不过好在更多可能性还意味着更多的开发工具。下面推荐的20款开发工具能帮你更便捷地优化你的网页和Web应用，希望你能在这个不长的列表中找到你需要的工具！

1. Enyo

Enyo是一个可以帮你创造高品质本地HTML5应用的框架，拥有跨平台兼容性的强大工具。早期的Enyo是作为传奇的移动操作系统webOS的程 序框架而存在，在Palm被HP收购之后，Enyo开发团队将其转化为跨平台支持的程序框架，此后强大的Enyo团队随后被Google收入囊中，而重建后的Enyo团队则随着HP的移动开发部门加入LG，目前的Enyo是LG的webOS智能电视的重要支撑。Enyo非常强大，值得深入研究，你将获益匪浅。

2. Squire

Squire是一款HTML5 富文本编辑器，兼容不同浏览器的标准，轻巧灵活，让你写网页如同写文档一般轻松任性！

3. NoMe

NoMe是一款能能被HTML5调用的JavaScript 地理和位置信息库。有了NoMe，获取地理和天气信息你不再需要调用庞大的数据库或者使用复杂的服务。

4. Snap Tomato

你可以在任何设备上轻松使用Snap Tomato来测试HTML5代码。你只需要打开编辑器写代码，然后在另外一个标签页中实时预览就好了。

5. BumpKit

BumpKit 是一个仍在开发中的DAW式的库，是一组为网页而写的音频API。你可以借助BumpKit来创建混频器、采样器等。

6. CoverVid

CoverVid是一个简单的轻量级jQuery扩展，借助它，你可以将视频当作图片背景一样运用到你的网页中，无论父元素是什么它都可以轻松插入并运用于其中。

7. Quintus

Quintus 是一款简单易学的JavaScript HTML5游戏引擎，可以在移动端和桌面端使用。这个引擎可以彻底地搜集记录数据，并且有大量的Demo和案例供你学习。

8. Wad

Wad是一款用来音频操控的JavaScript库，拥有针对HTML5音频控制的API。Wad简化了创建、播放、管理音频文件的操作，并且拥有接近桌面端DAW的交互界面。

9. Flexo

Flexo 拥有一组标准的HTML元素并且包含一套栅格系统，但即便如此它还是非常够用的。整个Flexo仅仅拥有大约200行CSS代码，而且其中一半还是控制导航栏的。

10. Google Web Designer

Google Web Designer是今年Google专门为网页开发者所发布的新工具，帮助设计师和开发者制作交互式的HTML5网页和广告。这是一个非常现代的所见即所得的恐惧，并不需要编写代码就可以实现功能，整个工具非常明显地是以设计为导向的。(毫无疑问此处应配备梯子)