大家准备了10个小白用户都可以操作的 HTML5 在线编辑平台，快收藏吧！

HTML5工具篇

2014年，HTML5 页面作为营销界新宠儿，“多快好省”的杰出代表，其灵活性高、开发成本低且制作周期短的种种特性使其在移动营销领域大放异彩。

所以这次小编精选了几个小白也能使用的微网页、微画报或场景应用的制作工具。排名不分先后，功能大同小异，可按照自身需求挑选。

1、初页

网址：http://www.cloud7.com.cn/chuye

初页作为手机端制作动态海报的app，面向C端，门槛极低，上手简单容易，可在App store免费下载，直接在手机上编辑创作。众多模板版式，任君挑选，也提供定制服务。

2、Maka

网址：http://www.maka.im/home/index.html

Maka目前只有Web端，IOS和Android版本还未上线，模板丰富，有多种动态效果以及交互效果可供选择，除收费版外提供免费版，不过免费版不提供外链模板。

3、Liveapp 场景应用/云来

网址：http://www.liveapp.cn/

云来Liveapp是面向企业方的移动场景APP云服务平台，许多知名企业都在使用，购买场景应用，近日云来开放了免费体验，“认证企业”可以申请获取，体验时长31天。

4、秀制作

网址：http://xiumi.us/

“秀制作”为秀米出品，免费提供多种模板，傻瓜式操作，可以外链，可与秀米图文排版双剑合璧。

5、点点客海报

网址：http://www.dodoca.com/index

点点客作为微信第三方开发服务商，推出了免费的点点客海报，无需注册，扫码登录，即可编辑动态海报，多种效果、翻页动画、背景音乐、可统计浏览量，也提供定制。

6、兔展

网址：http://www.rabbitpre.com/

兔展目前只支持Safari和chrome浏览器，承诺免费永久开放所有功能。

7、易企秀

网址：http://eqxiu.com/#/home

免费，有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios 移动客户端，在手机上也可创建场景应用，以及数据统计。

8、品趣

网址：http://pro.pin-qu.com/site/index

时趣出品，为中小企业定制的社会化媒体营销软件。

9、Epub360意派

网址：http://www.epub360.com/

为专业设计师打造的交互设计利器，交互效果强大，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。

10、Vxplo

网址：http://www.vxplo.cn/

专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。

更多新媒体知识可关注包子把鼻

包子把鼻，微信122245411，时尚新媒体实践者，热衷于移动互联网的各种玩法，社群、粉丝经济、运营推广、微商培训等。关注我，分享移动互联网学习资料。请备注：头条

关注baozi140419看微商文章，获取微商培训资料。请备注：微商

着HTML5的发展，可以说HTML5已经成为了移动应用的核心技术推动力，它有可能成为所有程序的基础，HTML5才是移动互联网真正的未来。未来的几年，也许就是基于HTML5的大变革时期。所以学好HTML5是非常重要的。现在我就给大家分享几个HTML5的开发工具。

一、AdobeEdge

目前还处于预览阶段的AdobeEdge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。

动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

二、AdobeColdFusion10

ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

三、SenchaTouch2

SenchaTouch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、KindleFire等多种平台的移动应用。

四、DojoFoundationMaqetta

来自于IBM的一个项目，DojoFoundationMaqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板

五、JetBrainsWebStorm4.0

作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。

更多内容和资讯或者问题，更多干货分享，尽在我的个人微信公众号，微信名：非著名程序员，微信号：smart_android（←长按复制）。个人微信号：loonggg微博：涩郎

过去的几年里，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开发者最佳工具，欢迎大家一起交流！！！