HTML5 正在迅速改變創(chuàng)建和管理網(wǎng)站的方式。HTML5 在不同的領(lǐng)域讓網(wǎng)頁設(shè)計(jì)更強(qiáng)大的。快、安全、響應(yīng)式、互動(dòng)和美麗，這些優(yōu)點(diǎn)吸引更多的 Web 開發(fā)人員使用 HTML5 開發(fā)各種網(wǎng)站和應(yīng)用程序。

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

　　Initializr

　　Initializr 是一個(gè)可以讓你創(chuàng)建 HTML5 模板的網(wǎng)站，可以創(chuàng)建樣板 HTML5 模板，響應(yīng)式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。

　　HTML5 Demos

　　這里集合了一些基于 HTML5 的優(yōu)秀的實(shí)驗(yàn)演示，最初只有5個(gè)演示，后來逐漸擴(kuò)充。

　　HTML5 Test

　　想知道桌面或移動(dòng) Web 瀏覽器符合最新的 HTML5 標(biāo)準(zhǔn)嗎?這個(gè)網(wǎng)站可以幫助測試出分?jǐn)?shù)和評(píng)級(jí)。

　　HTML5 Canvas Cheat Sheet

　　如果你不能記住所有 Canvas 的命令和選項(xiàng)，那么這個(gè)小抄是絕對(duì)適合你。可作為一個(gè)圖形或 PDF 免費(fèi)下載。

　　Lime JS

　　LimeJS 是一個(gè) HTML5 游戲開發(fā)框架，用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。

　　HTML5 Reset

　　HTML5 Reset 是一組文件，包括 HTML、CSS 等，用于在開始新項(xiàng)目的時(shí)候幫助你節(jié)省時(shí)間，提供 HTML5 的空白WordPress模板。

　　SpriteBox

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

　　LimeWeave

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

　　99 Lime

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

　　On/Off FlipSwitch

　　如果你曾經(jīng)想創(chuàng)建一個(gè)漂亮的on/off開關(guān)，那么這個(gè)網(wǎng)站可以幫助你。您可以自定義圖形開關(guān)，不同的著色，大小和風(fēng)格。

　　CanvasLoader Creator

　　這個(gè)免費(fèi)的在線工具可以幫助設(shè)計(jì)師和程序員為他們的 HTML5 項(xiàng)目生成基于 Canvas 的 Loading 效果。

　　Create – Make Anything Editable

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

　　Online 3D Sketch Toy

　　這個(gè)繪圖工具對(duì)于孩子而很好玩，而不只是給網(wǎng)站設(shè)計(jì)師用!還可以把您的小創(chuàng)作分享到 Facebook 上。