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