15款免費的HTML5編碼工具推薦

原文來自15款免費的HTML5編碼工具推薦（附下載）

小編爲你們整理了一些很是好的在線HTML5編碼工具，能夠幫助Web開發人員在HTML5編碼時更加容易和簡單，這些工具包括：Moqups、Stitches、HTML5 Maker、Initializr、HTML5 Reset和 LimeJS等等，喜歡的話，請收藏哦！

Moqups

Moqups是一款免費的HTML5在線應用，可建立線框圖、實體模型和UI概念。該程序使用起來很是簡單，而且有內置的模板能夠直接使用（模板包括單選按鈕、連接、圖像佔位符、文本框以及滑塊等）。

Stitches

Stitches是一個HTML5 sprite sheet生成器。用戶只須要通過簡單的拖拽圖片文件到空白處，而後點擊“Generate”就能夠生成一個圖像圖標和樣式表了。

HTML5 Maker

HTML5 Maker是一個在線的動畫製做工具/服務，可經過HTML, HTML5, CSS和JavaScript建立動畫和交互式內容。

Initializr

Initializr是一款HTML5模板生成器，幫助你快速啓動基於HTML5模板的新項目。總之，Initializr 是製做 HTML5 網站最好的入門輔助開發工具，你可使用提供的特點模板快速生成網站，也能夠自定義，Initializr 會爲你生成代碼簡潔的可定製的網頁模板。

Sprite Box

Sprite Box是一款WYSIWYG工具，可幫組Web開發人員輕鬆、快速地建立CSS類和ID。它是基於使用背景位置屬性原則來調整插入到網頁塊元素中的精靈小圖像。這款工具是使用 JQuery，HTMl5 和 CSS3 組合來運轉的，並且是一款徹底免費的工具。

Liveweave

Liveweave在HTML4/HTML五、CSS2/CSS3中含有內置的自動完成上下文特性，讓你工做起來更加輕鬆。你只需輸入HTML5和CSS3 標籤/元素便可，就是這麼簡單。

Literally Canvas

Literally Canvas是一款開源的HTML5部件，能夠被集成到任何頁面。它配備了一套簡單的工具，包括繪圖、擦除、顏色選擇器、撤銷、恢復、平移以及縮放。該工具利用jQuery+和Underscore.js建立而來，利用API定義背景色、工具以及尺寸。

HTML5 Demos

HTML5 Demos可以讓你當即知道Firefox是否支持HTML5 Canvas，Safari可否運行HTML5 聊天客戶端。

HTML5 Visual Cheat Sheet

HTML5 Visual Cheat Sheet是專爲Web設計師和開發者設計的一款速查表。這份速查表包含了HTML tag列表以及支持HTML4.01/5版本的相關屬性。

Switch to HTML5

Switch to HTML5是一款高效的模板生成器。若是你開始一個新的項目，記住必定要訪問該網站。各類各樣的HTML5網站模板將會呈如今你的眼前。

Online SVG to HTML5 Canvas Tool

這款工具能夠將SVG轉換成HTML5 Canvas JavaScript函數。它幾乎能夠運行在任何主機上，幫助用戶去嘗試使用Canvas，能夠導出大量的矢量藝術包（Illustrator，Inkscape）。

HTML5 Test

利用HTML5 test能夠測試你的瀏覽器支持即將推出HTML5 標準和相關規範的得分狀況。儘管該規範尚未最終敲定，可是全部主流瀏覽器廠商都在爲將來作好準備。

你能夠查看瀏覽器支持HTML5 哪些部分並與其餘瀏覽器進行對比。

Patternizer

Patternizer是用來建立條紋圖案的生成器。

Lime JS

LimeJS 是一個 JavaScript 遊戲開發框架,容許開發者建立基於 HTML5 的遊戲,支持主流瀏覽器包括iOS。

HTML5 Reset

HTML5 Reset是（HTML，CSS等）一套設計組件，旨在幫助用戶節省大量的時間，建立更加高效的項目。

HTML5 Tracker

HTML5 Tracker可以用於跟蹤HTML5相關的最新修訂信息。

Cross browser HTML5 forms

表單是一個網站很是重要的一部分。 HTML5的特性日曆，色彩板，滑動部件，客戶端驗證等這些都是很是強大的工具，但現實的狀況就是，大多數的瀏覽器不支持全部的功能。這是一個很大的問題，恰好Cross browser HTML5可以幫您如何輕鬆建立一個跨瀏覽器的表單。