大家準(zhǔn)備了10個小白用戶都可以操作的 HTML5 在線編輯平臺，快收藏吧！

HTML5工具篇

2014年，HTML5 頁面作為營銷界新寵兒，“多快好省”的杰出代表，其靈活性高、開發(fā)成本低且制作周期短的種種特性使其在移動營銷領(lǐng)域大放異彩。

所以這次小編精選了幾個小白也能使用的微網(wǎng)頁、微畫報或場景應(yīng)用的制作工具。排名不分先后，功能大同小異，可按照自身需求挑選。

1、初頁

網(wǎng)址：http://www.cloud7.com.cn/chuye

初頁作為手機端制作動態(tài)海報的app，面向C端，門檻極低，上手簡單容易，可在App store免費下載，直接在手機上編輯創(chuàng)作。眾多模板版式，任君挑選，也提供定制服務(wù)。

2、Maka

網(wǎng)址：http://www.maka.im/home/index.html

Maka目前只有Web端，IOS和Android版本還未上線，模板豐富，有多種動態(tài)效果以及交互效果可供選擇，除收費版外提供免費版，不過免費版不提供外鏈模板。

3、Liveapp 場景應(yīng)用/云來

網(wǎng)址：http://www.liveapp.cn/

云來Liveapp是面向企業(yè)方的移動場景APP云服務(wù)平臺，許多知名企業(yè)都在使用，購買場景應(yīng)用，近日云來開放了免費體驗，“認證企業(yè)”可以申請獲取，體驗時長31天。

4、秀制作

網(wǎng)址：http://xiumi.us/

“秀制作”為秀米出品，免費提供多種模板，傻瓜式操作，可以外鏈，可與秀米圖文排版雙劍合璧。

5、點點客海報

網(wǎng)址：http://www.dodoca.com/index

點點客作為微信第三方開發(fā)服務(wù)商，推出了免費的點點客海報，無需注冊，掃碼登錄，即可編輯動態(tài)海報，多種效果、翻頁動畫、背景音樂、可統(tǒng)計瀏覽量，也提供定制。

6、兔展

網(wǎng)址：http://www.rabbitpre.com/

兔展目前只支持Safari和chrome瀏覽器，承諾免費永久開放所有功能。

7、易企秀

網(wǎng)址：http://eqxiu.com/#/home

免費，有多種動態(tài)模板，能實現(xiàn)文本和圖片帶有滑動、隱現(xiàn)、放大縮小等動態(tài)效果。同時有ios 移動客戶端，在手機上也可創(chuàng)建場景應(yīng)用，以及數(shù)據(jù)統(tǒng)計。

8、品趣

網(wǎng)址：http://pro.pin-qu.com/site/index

時趣出品，為中小企業(yè)定制的社會化媒體營銷軟件。

9、Epub360意派

網(wǎng)址：http://www.epub360.com/

為專業(yè)設(shè)計師打造的交互設(shè)計利器，交互效果強大，動畫效果出色，雖然簡單傻瓜式的模板不多，但自由度相對較高。

10、Vxplo

網(wǎng)址：http://www.vxplo.cn/

專注在線交互設(shè)計，功能強大，同epub360一樣適合專業(yè)設(shè)計師，可以零代碼制作輕應(yīng)用。

更多新媒體知識可關(guān)注包子把鼻

包子把鼻，微信122245411，時尚新媒體實踐者，熱衷于移動互聯(lián)網(wǎng)的各種玩法，社群、粉絲經(jīng)濟、運營推廣、微商培訓(xùn)等。關(guān)注我，分享移動互聯(lián)網(wǎng)學(xué)習(xí)資料。請備注：頭條

關(guān)注baozi140419看微商文章，獲取微商培訓(xùn)資料。請備注：微商

著HTML5的發(fā)展，可以說HTML5已經(jīng)成為了移動應(yīng)用的核心技術(shù)推動力，它有可能成為所有程序的基礎(chǔ)，HTML5才是移動互聯(lián)網(wǎng)真正的未來。未來的幾年，也許就是基于HTML5的大變革時期。所以學(xué)好HTML5是非常重要的。現(xiàn)在我就給大家分享幾個HTML5的開發(fā)工具。

一、AdobeEdge

目前還處于預(yù)覽階段的AdobeEdge是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。

動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。

二、AdobeColdFusion10

ColdFusion是用來開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗。

三、SenchaTouch2

SenchaTouch2是移動應(yīng)用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、KindleFire等多種平臺的移動應(yīng)用。

四、DojoFoundationMaqetta

來自于IBM的一個項目，DojoFoundationMaqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板

五、JetBrainsWebStorm4.0

作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預(yù)覽HTML文檔。

更多內(nèi)容和資訊或者問題，更多干貨分享，盡在我的個人微信公眾號，微信名：非著名程序員，微信號：smart_android（←長按復(fù)制）。個人微信號：loonggg微博：澀郎

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

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

1、HTML5 Video Voting

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

2、Stitches：HTML5 Sprite薄板生成器

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

3、Literally Canvas

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

4、wysihtml5

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

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

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

6、Create.js

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

7、HTML5 Please

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

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

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

9、Spritebox

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

10、Speakker

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

（本文如有侵權(quán)，請聯(lián)系作者，必刪！！！）

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