HTML5 正在迅速改變創建和管理網站的方式。HTML5 在不同的領域讓網頁設計更強大的?？臁踩?、響應式、互動和美麗，這些優點吸引更多的 Web 開發人員使用 HTML5 開發各種網站和應用程序。

　　本文收集的20款優秀的 HTML5 Web 應用程序，值得添加到您的 HTML5 的工具箱中，他們能夠幫助你開發前端項目更快、更容易。

　　Initializr

　　Initializr 是一個可以讓你創建 HTML5 模板的網站，可以創建樣板 HTML5 模板，響應式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。

　　HTML5 Demos

　　這里集合了一些基于 HTML5 的優秀的實驗演示，最初只有5個演示，后來逐漸擴充。

　　HTML5 Test

　　想知道桌面或移動 Web 瀏覽器符合最新的 HTML5 標準嗎?這個網站可以幫助測試出分數和評級。

　　HTML5 Canvas Cheat Sheet

　　如果你不能記住所有 Canvas 的命令和選項，那么這個小抄是絕對適合你?？勺鳛橐粋€圖形或 PDF 免費下載。

　　Lime JS

　　LimeJS 是一個 HTML5 游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。

　　HTML5 Reset

　　HTML5 Reset 是一組文件，包括 HTML、CSS 等，用于在開始新項目的時候幫助你節省時間，提供 HTML5 的空白WordPRess模板。

　　SpriteBox

　　Spritebox 是一個所見即所得的工具，幫助 Web 設計者迅速而輕松地從一張精靈圖片(CSS Sprit Image)創建CSS類和ID選擇符樣式。

　　LimeWeave

　　LimeWeave是一個 HTML5 編輯器，它可以告訴你什么的 HTML5，CSS 和 javaScript 特效的樣子。

　　99 Lime

　　如果你想節省時間，使用 HTML5，CSS 和 jQuery 創建一些新的元素，布局和代碼，那么99 Lime 真的可以幫助你。

　　On/Off FlipSwitch

　　如果你曾經想創建一個漂亮的on/off開關，那么這個網站可以幫助你。您可以自定義圖形開關，不同的著色，大小和風格。

　　CanvasLoader Creator

　　這個免費的在線工具可以幫助設計師和程序員為他們的 HTML5 項目生成基于 Canvas 的 Loading 效果。

　　Create – Make Anything Editable

　　Create 是一款可以在 CMS 中使用的編輯器。借助 HTML5 特性，可以把頁面上的內容變成可編輯區域。

　　Online 3D Sketch Toy

　　這個繪圖工具對于孩子而很好玩，而不只是給網站設計師用!還可以把您的小創作分享到 Facebook 上。