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

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

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

HTML5 Maker是一個在線的動畫制作工具/服務，可通過HTML, HTML5, CSS和JavaScript創建動畫和交互式內容。

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

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

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

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

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

HTML5 Visual Cheat Sheet

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

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

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

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

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

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

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

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

HTML5 Tracker能夠用于跟蹤HTML5相關的最新修訂信息。

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