更自由的搭建方式也意味著你需要掌控的東西更多，不過好在更多可能性還意味著更多的開發工具。下面推薦的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網頁和廣告。這是一個非常現代的所見即所得的恐懼，并不需要編寫代碼就可以實現功能，整個工具非常明顯地是以設計為導向的。(毫無疑問此處應配備梯子)

http://www.dgzxsm168.com/wangzhansheji/3388.html 網頁設計的優秀助攻！20款不容錯過的HTML5工具