基于HTML5的在线网页设计工具，使得它更容易融入到网页中的音频，视频，拖动和下降，字体，动画和图形。 HTML5还可以帮助网页设计师建立，以确保良好的用户体验，在移动设备上的友好的网站主题。 在线HTML5工具是非常有用的网页设计工具，并有更多满意的客户。今天推荐15个在线HTML5网页设计工具，可以为开发人员提供更方便，高效建立的网站。
DIY官网可视化设计 http://www.diygw.com
设计器是DIY官网最强大，也是最核心的功能。以往要制作网页必须请设计人员设计网页，再请懂页面开发的技术人员编写HTML代码来完成。这种网页制作方式有诸多缺点：
1、必须请多种专业技术人员参与。
2、编写HTML枯燥乏味，又容易出错。
3、相似的网页结构重复编写。
4、……
DIY官网可视化设计器允许你通过可视化的操作界面，仅仅依靠拖拽操作，即可编排出漂亮的网页。支持随时预览，完全所见即所得。通过DIY官网可视化设计器，你可以：
1、不用请专业人员，你自己完全搞定网页设计(微信小程序)。
2、可视化操作，就像搭积木一样简单，易用。
3、相同的功能（比如幻灯片）封装成组件，只要拖到页面上，就支持所有动画效果。
4、……
使用DIY官网可视化设计器制作网页，是网页制作模式的革命！
1. 在线HTML5的音频制作工具Online HTML5 Audio Maker Tool
其中最好的HTML5特性是引入了音频标签。此工具可帮助设计人员熟悉最新的音频功能，提供HTML5。更有趣的是，设计师可以发挥，不只是与音频，而且还与视频集成使用这个HTML5的在线工具。
2. HTML5 /CSS开关效果 On /Off Flipswitch HTML5/CSS3 Generator
一个精美的设计和超级易于使用的工具生成自己的HTML5/CSS3的开和关的flipswitches可选的动画。
3. Fontdragr - Online Font Testing Tool
如果你是一个设计师，你可能会发现很难选择一个好看的字体。但是，使用这个在线字体测试工具，可以使过程变得更加容易。您可以查看任何你想要的字体在网页不改变它的CSS或HTML代码。
4. Liveweave - HTML5, CSS3 & JavaScript Playground
Liveweave是一个新的平台来测试HTML，CSS和Javascript开发者和设计者。 Liveweave编辑器具有内置的上下文相关的自动完成，HTML4/HTML5 CSS2/CSS3，让你轻松了许多。
5. Create - Web Editing Interface
创建一个新的网页编辑界面，使用基于浏览器的HTML5环境管理的内容。它可以适应用于与几乎所有的内容管理后端。
6. Moqups - HTML5 App for Creating Wireframes
Moqups是一个HTML5的Web应用程序创建线框模型，实体模型或用户界面的概念。你可以去他们的博客和阅读更多关于这个极受欢迎的项目。
7. Online XRay Tool
XRay 使设计人员能够快速查看各种页面元素，在任何网页时，只需点击几下鼠标的细节。只需拖动到自己的书书签网站书签，去你喜欢的网页进行分析，请单击“的X射线书签上，然后点击在页面上的任何元素。
8. SpriteBox Online HTML5 Tool
在Sprite通过将您的照片，您可以增加您的加载时间，以及图像转换率。在Sprite Box 工具将有助于设计使用HTML5，CSS3和jQuery的照片制作成精灵。
9. Online Velocity Sketch Tool
这种独特的HTML 5的在线绘图画布工具可以让有创意的创作
10. Online 3D Sketch Tool
创建3D绘图，草图绘制工具的使用HTML画布的能力。该工具将可以绘制虚线和振动绘图。您还可以旋转的3D画布上拖动光标的水平，同时按住空格键。
11. Online SVG To HTML5 Canvas Tool
这个工具将允许你转换SVG文件成HTML 5的画布。
12. HTML KickStart
HTML KickStart是不是一个真正的工具，它是一套HTML5，CSS和jQuery构建模块为网站的发展。它包括文件，布局和元素，这将节省您的时间在您的项目中。
13. Stitches - An HTML5 Sprite Sheet Generator
针是一个非常容易使用的HTML5精灵表发生器。只需拖放到应用程序中的图像文件，单击“生成”你的精灵和样式会好到哪里去。目前只兼容最新版本的Firefox和Chrome。
