在過去的幾年里，HTML5在網(wǎng)絡(luò)空間的門戶網(wǎng)站中得到了充分的認(rèn)可和普及，進(jìn)入發(fā)展的快車道，并改進(jìn)了其前身的方法。

在本文中，我們帶來了10個(gè)優(yōu)秀的HTML5工具，這些工具可以簡(jiǎn)化您的開發(fā)工作，使您能夠輕松地開發(fā)具有創(chuàng)造性和創(chuàng)新性的Web應(yīng)用程序。我們希望您能找到適合您工作的列表，如果您知道其他一些優(yōu)秀的HTML5工具，請(qǐng)?jiān)谙旅娴脑u(píng)論部分寫下評(píng)論，讓我們知道。

1、HTML5 Video Voting

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

2、Stitches：HTML5 Sprite薄板生成器

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

3、Literally Canvas

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

4、wysihtml5

wysihtml5是一個(gè)基于HTML5技術(shù)和漸進(jìn)增強(qiáng)方法的開源富文本編輯器。它使用了一個(gè)復(fù)雜的安全概念，旨在通過防止不可維護(hù)的標(biāo)簽湯和內(nèi)聯(lián)樣式來生成完全有效的HTML5標(biāo)記，它又快又輕。它生成有效的語(yǔ)義HTML5標(biāo)記。它使用類名而不是內(nèi)聯(lián)樣式，它也支持Chrome的語(yǔ)音輸入。它是根據(jù)麻省理工學(xué)院的許可證發(fā)布的。

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

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

6、Create.js

Create.js是一個(gè)針對(duì)內(nèi)容管理系統(tǒng)的綜合Web編輯界面，創(chuàng)建可以適應(yīng)幾乎任何內(nèi)容管理后端的工作。

7、HTML5 Please

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

8、Moqups：用于創(chuàng)建線框和實(shí)體模型的HTML5應(yīng)用程序

Moqups是一個(gè)漂亮的HTML5應(yīng)用程序，用于創(chuàng)建線框、模型或UI概念，原型取決于您喜歡如何調(diào)用它們。他們?cè)噲D讓事情變得簡(jiǎn)單和相當(dāng)直觀，這樣你就可以毫無(wú)障礙地釋放你的創(chuàng)造力。moqups建立在開放標(biāo)準(zhǔn)之上，努力在瀏覽器中提升用戶體驗(yàn)，而不妥協(xié)。

9、Spritebox

Spritebox是一個(gè)wysiwyg工具，可以幫助網(wǎng)頁(yè)設(shè)計(jì)師從一個(gè)sprite圖像中快速輕松地創(chuàng)建CSS類和ID。它基于使用background position屬性將sprite圖像的區(qū)域?qū)R為網(wǎng)頁(yè)的塊元素的原則。它是由jquery、css3和html5組合而成，完全免費(fèi)使用。

10、Speakker

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