TML5發展如火如荼，隨著各大瀏覽器對 HTML5 技術支持的不斷完善以及HTML5 技術的不斷成熟，未來 HTML5 必將改變我們創建 Web 應用程序的方式。今天這篇文章向大家推薦8款優秀的HTML5開發工具，幫助你更高效的編寫 HTML5 應用。

1、Initializr

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

2、HTML5demos

想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。

3、HTML5 Tracker

想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。

4、HTML5 visual cheat sheet

想要快速超找一個標簽或者屬性嗎？看看這個非常酷的速查手冊吧，每個Web開發人員的必備。

5、Switch To HTML5

Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網站模板。

6、Cross browser HTML5 forms

HTML5 中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。這個頁面將幫助你構建完美的HTML5表單兼容方案。

7、HTML5 Test

你瀏覽器準備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。

8、Lime JS

LimeJS 是一個 HTML5 游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。

更多內容和資訊或者問題，更多干貨分享，盡在我的個人微信公眾號，

微信名：非著名程序員，微信號：smart_android（←長按復制）。

微博：澀郎

過去的幾年里，HTML5在網絡空間的門戶網站中得到了充分的認可和普及，進入發展的快車道，并改進了其前身的方法。

在本文中，我們帶來了10個最好的HTML5工具，這些工具可以簡化您的開發工作，使您能夠輕松地開發具有創造性和創新性的Web應用程序。我們希望您能找到適合您工作的列表，如果您知道其他一些最好的HTML5工具，請在下面的評論部分寫下評論，讓我們知道。享受吧！

1、HTML5 Video Voting

HTML5 Video Voting允許收集視頻反饋，投票非常簡單。你所要做的就是點擊視頻并使用空格鍵提交你的投票，它將自動填充條形圖。

2、Stitches：HTML5 Sprite薄板生成器

Stitches是一個HTML5 Sprite薄板生成器，簡單地將圖像文件拖放到下面的空間中，然后單擊“生成”以創建sprite工作表和樣式表。Stitches使用了兩個HTML5 API，它目前只與最新版本的Chrome和Firefox兼容。但是，它不適用于IE9，它需要jquery 1.7.1+，modernizer，dropfile，flashcanvas來支持舊的瀏覽器。根據麻省理工學院的許可證。

3、Literally Canvas

Literally Canvas（字面上的畫布）是一個開源的HTML5小部件，它可以集成到任何頁面，讓用戶可以在線繪制。它附帶了一組簡單的工具，包括繪制、擦除等等特色作用。這個小部件是用jquery+underline.js構建的，它有一個API來定義背景顏色、工具和維度。

4、wysihtml5

wysihtml5是一個基于HTML5技術和漸進增強方法的開源富文本編輯器。它使用了一個復雜的安全概念，旨在通過防止不可維護的標簽湯和內聯樣式來生成完全有效的HTML5標記，它又快又輕。它生成有效的語義HTML5標記。它使用類名而不是內聯樣式，它也支持Chrome的語音輸入。它是根據麻省理工學院的許可證發布的。

5.Video.JS：HTML5視頻播放器，自帶CSS

video js是一個HTML5視頻播放器，有三個核心部分：一個嵌入代碼（每個人都有視頻）、一個javascript庫（video.js）和一個純HTML/CSS皮膚（video js.css），使用視頻自動嵌入代碼與，許多設備兼容。

6、Create.js

Create.js是一個針對內容管理系統的綜合Web編輯界面，創建可以適應幾乎任何內容管理后端的工作。

7、HTML5 Please

HTML5 Please是一個HTML5/CSS3功能的交互式兼容性圖表，用于找出“支持（或不支持）哪些瀏覽器”。使用智能搜索欄，可以使用瀏覽器或設備支持、類型（HTML5或CSS3元素/屬性）等過濾結果。每一項都被簡要地描述，并且共享一個選項，決定它們是應該與回退一起使用，還是應該與多段填充一起使用。

8、Moqups：用于創建線框和實體模型的HTML5應用程序

Moqups是一個漂亮的HTML5應用程序，用于創建線框、模型或UI概念，原型取決于您喜歡如何調用它們。他們試圖讓事情變得簡單和相當直觀，這樣你就可以毫無障礙地釋放你的創造力。moqups建立在開放標準之上，努力在瀏覽器中提供最佳體驗。

9、Spritebox

Spritebox是一個wysiwyg工具，可以幫助網頁設計師從一個sprite圖像中快速輕松地創建CSS類和ID。它基于使用background position屬性將sprite圖像的區域對齊為網頁的塊元素的原則。它是由jquery、css3和html5組合而成，完全免費使用。

10、Speakker

Speakker是一款采用HTML5的跨瀏覽器音頻解決方案。它有兩種不同的款式，并提供了難以置信的定制選項：靈活的尺寸、無限的顏色和兩種不同的按鈕組，用于明暗主題。易于設置。只需幾行JavaScript和一個Quantum CSS。

（本文如有侵權，請聯系作者，必刪！！！）

以上，就講完了10個HTML5開發者最佳工具，歡迎大家一起交流！！！