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

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

Initializr

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

HTML5 Demos

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

HTML5 Test

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

HTML5 Canvas Cheat Sheet

如果你不能記住所有 Canvas 的命令和選項，那么這個小抄是絕對適合你。可作為一個圖形或 PDF 免費下載。

Lime JS

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

HTML5 Reset

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

SpriteBox

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

LimeWeave

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

99 Lime

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

On/Off FlipSwitch

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

CanvasLoader Creator

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

Create – Make Anything Editable

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

Online 3D Sketch Toy

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