更自由的搭建方式也意味著你需要掌控的東西更多，不過好在更多可能性還意味著更多的開發(fā)工具。下面推薦的20款開發(fā)工具能幫你更便捷地優(yōu)化你的網(wǎng)頁和Web應(yīng)用，希望你能在這個不長的列表中找到你需要的工具！

1. Enyo

Enyo是一個可以幫你創(chuàng)造高品質(zhì)本地HTML5應(yīng)用的框架，擁有跨平臺兼容性的強(qiáng)大工具。早期的Enyo是作為傳奇的移動操作系統(tǒng)webOS的程 序框架而存在，在Palm被HP收購之后，Enyo開發(fā)團(tuán)隊將其轉(zhuǎn)化為跨平臺支持的程序框架，此后強(qiáng)大的Enyo團(tuán)隊隨后被Google收入囊中，而重建后的Enyo團(tuán)隊則隨著HP的移動開發(fā)部門加入LG，目前的Enyo是LG的webOS智能電視的重要支撐。Enyo非常強(qiáng)大，值得深入研究，你將獲益匪淺。

2. Squire

Squire是一款HTML5 富文本編輯器，兼容不同瀏覽器的標(biāo)準(zhǔn)，輕巧靈活，讓你寫網(wǎng)頁如同寫文檔一般輕松任性！

3. NoMe

NoMe是一款能能被HTML5調(diào)用的JavaScript 地理和位置信息庫。有了NoMe，獲取地理和天氣信息你不再需要調(diào)用龐大的數(shù)據(jù)庫或者使用復(fù)雜的服務(wù)。

4. Snap Tomato

你可以在任何設(shè)備上輕松使用Snap Tomato來測試HTML5代碼。你只需要打開編輯器寫代碼，然后在另外一個標(biāo)簽頁中實時預(yù)覽就好了。

5. BumpKit

BumpKit 是一個仍在開發(fā)中的DAW式的庫，是一組為網(wǎng)頁而寫的音頻API。你可以借助BumpKit來創(chuàng)建混頻器、采樣器等。

6. CoverVid

CoverVid是一個簡單的輕量級jQuery擴(kuò)展，借助它，你可以將視頻當(dāng)作圖片背景一樣運用到你的網(wǎng)頁中，無論父元素是什么它都可以輕松插入并運用于其中。

7. Quintus

Quintus 是一款簡單易學(xué)的JavaScript HTML5游戲引擎，可以在移動端和桌面端使用。這個引擎可以徹底地搜集記錄數(shù)據(jù)，并且有大量的Demo和案例供你學(xué)習(xí)。

8. Wad

Wad是一款用來音頻操控的JavaScript庫，擁有針對HTML5音頻控制的API。Wad簡化了創(chuàng)建、播放、管理音頻文件的操作，并且擁有接近桌面端DAW的交互界面。

9. Flexo

Flexo 擁有一組標(biāo)準(zhǔn)的HTML元素并且包含一套柵格系統(tǒng)，但即便如此它還是非常夠用的。整個Flexo僅僅擁有大約200行CSS代碼，而且其中一半還是控制導(dǎo)航欄的。

10. Google Web Designer

Google Web Designer是今年Google專門為網(wǎng)頁開發(fā)者所發(fā)布的新工具，幫助設(shè)計師和開發(fā)者制作交互式的HTML5網(wǎng)頁和廣告。這是一個非?，F(xiàn)代的所見即所得的恐懼，并不需要編寫代碼就可以實現(xiàn)功能，整個工具非常明顯地是以設(shè)計為導(dǎo)向的。(毫無疑問此處應(yīng)配備梯子)

http://m.ezekroy.com/wangzhansheji/3388.html 網(wǎng)頁設(shè)計的優(yōu)秀助攻！20款不容錯過的HTML5工具