今天剛好是清明假期的剛開始，25學(xué)堂的小編在游玩之后，給各位喜愛移動html5開發(fā)的小伙伴們準(zhǔn)備了一些好用的HTML5開發(fā)小工具。可以幫助WebAPP開發(fā)人員在HTML5編碼時更加容易和簡單，這些工具你要是喜歡的話，記得好好珍藏哦！當(dāng)你需要他們的時候，可以快速拿來開發(fā)和檢測。 

 第一個HTML5開發(fā)工具：HTML5 Canvas cheat sheetCanvas 元素是 HTML5 最重要的元素之一，它可以在網(wǎng)頁中繪制圖形，非常強(qiáng)大。這是一個 Canvas 元素的詳細(xì)速查手冊。→ 訪問 HTML5 Canvas cheat sheet官網(wǎng)：https://simon.html5.org/dump/html5-canvas-cheat-sheet.html 第二個HTML5開發(fā)工具：HTML5demos想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運(yùn)行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。

HTML 5 <canvas> 標(biāo)簽定義和用法 <canvas> 標(biāo)簽定義圖形,比如圖表和其他圖像。 <canvas> 標(biāo)簽只是圖形容器,您必須使用腳本來繪制圖形。

 → 訪問 HTML5 Demos官網(wǎng)http://html5demos.com/，查看更多詳細(xì)的HTML5知識。初學(xué)者教程：http://www.w3school.com.cn/tags/html_ref_canvas.asp

 第三個HTML5開發(fā)工具：HTML5 MakerHTML5 Maker是一個在線的動畫制作工具/服務(wù)，可通過HTML, HTML5, CSS和JavaScript創(chuàng)建動畫和交互式內(nèi)容。

HTML5 Maker官網(wǎng)：http://www.html5maker.com/

第四個HTML5開發(fā)工具：Initializr

Initializr是一款HTML5模板生成器，幫助你快速啟動基于HTML5模板的新項目?？傊?，Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網(wǎng)頁模板。

也是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具，你可以使用提供的特色模板快速生成網(wǎng)站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網(wǎng)頁模板。

訪問Initializr官網(wǎng)：http://www.initializr.com/

第五個HTML5開發(fā)工具：HTML5 Visual Cheat SheetHTML5 Visual Cheat Sheet是專為Web設(shè)計師和開發(fā)者設(shè)計的一款速查表。這份速查表包含了HTML tag列表以及支持HTML4.01/5版本的相關(guān)屬性。

酷站官網(wǎng)：http://websitesetup.org/html5-cheat-sheet/

第六個HTML5開發(fā)工具：Stitches

Stitches是一個HTML5 sprite sheet生成器。用戶只需要經(jīng)過簡單的拖拽圖片文件到空白處，然后點(diǎn)擊“Generate”就可以生成一個圖像圖標(biāo)和樣式表了。

源碼和學(xué)習(xí)網(wǎng)站：http://draeton.github.io/stitches/ 

最后，25學(xué)堂還附上由前端里整理的詳細(xì)的《8個前沿的 HTML5 & CSS3 效果【附源碼下載】》

這里還有：

1、5個有用的webAPP界面設(shè)計工具和開發(fā)案例分享

2、妙用html5的八大特性來開發(fā)移動webAPP

3、2015年必火的五個Html5移動開發(fā)工具推薦

4、國外優(yōu)秀的HTML5模板學(xué)習(xí)資源站-Pixelhint

5、非常有用的HTML5+CSS3資源靈感酷站cos