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

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

相關(guān)推薦：
《網(wǎng)頁設(shè)計(jì)參考書！HTML5權(quán)威指南》
《干貨！25套免費(fèi)高質(zhì)量的響應(yīng)式網(wǎng)頁模板下載(CSS3+HTML5)》
《感受CSS3強(qiáng)大魅力！50個(gè)精選案例欣賞（上篇）》

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

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

HTML5 Canvas Cheat Sheet

如果你不能記住所有 Canvas 的命令和選項(xiàng)，那么這個(gè)小抄是絕對適合你?？勺鳛橐粋€(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è)繪圖工具對于孩子而很好玩，而不只是給網(wǎng)站設(shè)計(jì)師用！還可以把您的小創(chuàng)作分享到 Facebook 上。

原文地址：cnblogs
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量62萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：