今天剛好是清明假期的剛開始，html5模版網(www.suosuyi.cn)的小編在游玩之后，給各位喜愛移動html5開發的小伙伴們準備了一些好用的HTML5開發小工具。可以幫助WebAPP開發人員在HTML5編碼時更加容易和簡單，這些工具你要是喜歡的話，記得好好珍藏哦！當你需要他們的時候，可以快速拿來開發和檢測。
第一個HTML5開發工具：HTML5 Canvas cheat sheet
Canvas 元素是 HTML5 最重要的元素之一，它可以在網頁中繪制圖形，非常強大。這是一個 Canvas 元素的詳細速查手冊。
→ 訪問?HTML5 Canvas cheat sheet官網：https://simon.html5.org/dump/html5-canvas-cheat-sheet.html
第二個HTML5開發工具：HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。
HTML 5?<canvas> 標簽定義和用法 <canvas> 標簽定義圖形,比如圖表和其他圖像。 <canvas> 標簽只是圖形容器,您必須使用腳本來繪制圖形。
→ 訪問?HTML5 Demos官網http://html5demos.com/，查看更多詳細的HTML5知識。
初學者教程：http://www.w3school.com.cn/tags/html_ref_canvas.asp
第三個HTML5開發工具：HTML5 Maker
HTML5 Maker是一個在線的動畫制作工具/服務，可通過HTML, HTML5, CSS和JavaScript創建動畫和交互式內容。
HTML5 Maker官網：http://www.html5maker.com/
第四個HTML5開發工具：Initializr
Initializr是一款HTML5模板生成器，幫助你快速啟動基于HTML5模板的新項目。總之，Initializr 是制作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網頁模板。
也是制作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網頁模板。
訪問Initializr官網：http://www.initializr.com/
第五個HTML5開發工具：HTML5 Visual Cheat Sheet
HTML5 Visual Cheat Sheet是專為Web設計師和開發者設計的一款速查表。這份速查表包含了HTML tag列表以及支持HTML4.01/5版本的相關屬性。
酷站官網：http://websitesetup.org/html5-cheat-sheet/
第六個HTML5開發工具：Stitches
Stitches是一個HTML5 sprite sheet生成器。用戶只需要經過簡單的拖拽圖片文件到空白處，然后點擊“Generate”就可以生成一個圖像圖標和樣式表了。
源碼和學習網站：http://draeton.github.io/stitches/
最后，html5模版網(www.suosuyi.cn)還附上由前端里整理的詳細的《8個前沿的 HTML5 & CSS3 效果【附源碼下載】》
這里還有：
5、非常有用的HTML5+CSS3資源靈感酷站codrops