小編為大家整理了一些非常好的在線HTML5編碼工具，可以幫助Web開發(fā)人員在HTML5編碼時更加容易和簡單，這些工具包括：Moqups、Stitches、HTML5 Maker、Initializr、HTML5 Reset和 LimeJS等等，喜歡的話，請收藏哦！

 Moqups是一款免費的HTML5在線應(yīng)用，可創(chuàng)建線框圖、實體模型和UI概念。該程序使用起來非常簡單，并且有內(nèi)置的模板可以直接使用（模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等）。

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

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

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

Sprite Box是一款WYSIWYG工具，可幫組Web開發(fā)人員輕松、快速地創(chuàng)建CSS類和ID。它是基于使用背景位置屬性原則來調(diào)整插入到網(wǎng)頁塊元素中的精靈小圖像。這款工具是使用 JQuery，HTMl5 和 CSS3 組合來運轉(zhuǎn)的，而且是一款完全免費的工具。

Liveweave在HTML4/HTML5、CSS2/CSS3中含有內(nèi)置的自動完成上下文特性，讓你工作起來更加輕松。你只需輸入HTML5和CSS3 標簽/元素即可，就是這么簡單。

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

HTML5 Demos能夠讓你立即知道Firefox是否支持HTML5 Canvas，Safari能否運行HTML5 聊天客戶端。

HTML5 Visual Cheat Sheet

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

Switch to HTML5是一款高效的模板生成器。如果你開始一個新的項目，記住一定要訪問該網(wǎng)站。各種各樣的HTML5網(wǎng)站模板將會呈現(xiàn)在你的眼前。

這款工具可以將SVG轉(zhuǎn)換成HTML5 Canvas JavaScript函數(shù)。它幾乎可以運行在任何主機上，幫助用戶去嘗試使用Canvas，可以導(dǎo)出大量的矢量藝術(shù)包（Illustrator，Inkscape）。

 利用HTML5 test可以測試你的瀏覽器支持即將推出HTML5 標準和相關(guān)規(guī)范的得分情況。盡管該規(guī)范還沒有最終敲定，但是所有主流瀏覽器廠商都在為未來做好準備。

你可以查看瀏覽器支持HTML5 哪些部分并與其他瀏覽器進行對比。

Patternizer是用來創(chuàng)建條紋圖案的生成器。

LimeJS 是一個 JavaScript 游戲開發(fā)框架,允許開發(fā)者創(chuàng)建基于 HTML5 的游戲,支持主流瀏覽器包括iOS。

HTML5 Reset是（HTML，CSS等）一套設(shè)計組件，旨在幫助用戶節(jié)省大量的時間，創(chuàng)建更加高效的項目。

HTML5 Tracker能夠用于跟蹤HTML5相關(guān)的最新修訂信息。

表單是一個網(wǎng)站非常重要的一部分。 HTML5的特性日歷，色彩板，滑動部件，客戶端驗證等這些都是非常強大的工具，但現(xiàn)實的情況就是，大多數(shù)的瀏覽器不支持所有的功能。這是一個很大的問題，剛好Cross browser HTML5能夠幫您如何輕松創(chuàng)建一個跨瀏覽器的表單。