广州HTML5培训班 16款在线HTML5工具

HTML5是在开发者和设计者之间流行的语言之一，提供了大量的功能来帮助开发者们快速的设计web应用。HTML5有很多特性，例如支持现代化的浏览器(比如：Firefox，Google Chrome，IE等等)，结构特定标签，可视化元素：圆角内置，内部拖拽，新的视频，音频和canvas元素等。广州web前端开发培训班推荐16款在线HTML5工具来帮助用户们简化构建HTML5网站的步骤和加快HTML5的编码速度。希望能在一下列表中找到对你项目有用的工具，Enjoy !

　　Mockups

　　Moqups是款非常棒的HTML5应用，允许用户自由调用相关功能来创建网站线框，实物模型，UI概念，原型模型等等。Moqups致力于把所有的元素简单化，直观化，让用户自由发挥自己的创造力而无须担心任何障碍问题。同时，Moqups是建立在开放的标准上的，努力的再众多浏览器中创造体验，不会向任何浏览器妥协!

　　Stitches

　　Stitches是个HTML5图像小图标生成器。用户只需要经过简单的拖拽图片文件到空白处，然后点击“Generate”就可以生成一个图像图标和样式表了。Sititches使用了一系列的HTML5 APIs，所以它只兼容新版本的Chrome和firefox浏览器。同时，它也不能再IE上面运行，如果是旧版的浏览器需要安装jQuery 1.7.1及以上的版本，Modernizr，Dropfile以及 FLashcanvas。Stitches是遵循MIT协议的。

　　HTML5 Maker

　　HTML5 Maker是一款在线动画制作的工具和服务，使用 HTML5，HTML，CSS和JS来创建交互内容。这款工具非常容易使用，同时还还能帮助用户实现很棒的动画效果。它允许创建跨浏览器的动画内容，比如JS和HTML5动画，幻灯片，演示效果和滑块效果。

　　Initializr

　　Initializr是一款HTML5模板生成器，帮助用户在HTML5模板文件的引导下开始新的项目。只要用户打开了这个工具，那么就可以生成一个整洁干净，允许用户自定义的网站模板。

　　Sprite Box

　　Spritebox是一款所见即所得的工具，帮助web设计者根据精灵小图像来简便快速的创建CSS类和IDs。它是基于使用背景位置属性原则来调整插入到网页块元素中的精灵小图像。这款工具是使用JQuery，HTML5和CSS3组合来运转的，而且是一款完全免费的工具。

　　Liveweave
　
　　Liveweave是有点像runjs，是一个HTML5，CSS3和JS的在线编辑工具。Liveweave是内置了自动完成 HTML4/HTML5和CSS2/CSS3的上下文敏感，所以使得工具更容易使用能力。用户只需要写入HTML5和CSS3标签和元素就可以创建网页了，它除了可以编辑，也可以在线测试，使用里面的JS库来创建网页。

　　Literally Canvas

　　Literally Canvas是一款开源的HTML5部件，允许用户在线绘画然后整合到任何的网页中，带有一系列的工具：绘画，擦除，颜色选择器，撤销，重复上一步，拖动和缩放。这个部件是需要jQuery和Underscore.js 一起创建的，拥有一个API来定义背景颜色，工具和尺寸。

　　HTML5 Demos

　　HTML5 Demos让用户很直观的知道HTML5 canvas是支持Firefox，或者是Safari是否可以运行HTML5的简单客户端。

　　HTML5 Visual Cheat Sheet
　
　　HTML 5 Visual Cheat Sheet是提供非常有用的参考列表给web设计者和开发者，包括一系列简单的可视化HTML标签列表和属性网格，支持HTML 4.01和5。允许用户看一眼就找到自己需要使用的HTML标签和属性内容，非常快速和有效。

　　Switch to HTML5
　
　　Switch to HTML5是一个基础的但又是非常的模板生成器。如果你需要开始一个新项目，毫不犹豫的打开这个网页吧，这里提供大量免费的HTML5网站模板哦：)

　　Online SVG to HTML5 Canvas Tool
　　
　　Online SVG to HTML5 Canvas tool就像它名字一样，是个把SVG转换成一个HTML5 Canvas JS函数的工具。它适用于任何的主机，可以让用户好好体验Canvas的功能。大部分的矢量艺术包(Illustrator, Inkscape etc)都可以导出SVG。

　　On/OFF FlipSwitch

　　HTML5 Test

　　HTML5 Test是款测试浏览器支持即将到来的HTML5标准和相关规范的在线工具，用分数来表示支持的程度，虽然这些规范还没真正完成，但是这有助于所有浏览器生产商确认他们的浏览器是否已经为未来HTML5的发展做好了充分的准备。这款工具还会分析浏览器是支持了HTML5哪部分的特性，还会给出跟其他浏览器比较的结果。

　　Patternizer

　　Patternizer 是一款很简单的条纹图案生成器。

　　Lime JS

　　LimeJS是一款构建游戏的HTML5游戏框架，让你轻松体验在现代触摸屏和桌面浏览器上的速度，性能非常好。LimeJS是结合了Google创建的Closure库和相关的函数和类来控制时间轴，时间，形状和动画。同时，这个框架完全支持精灵图表(用户可以搜集所有的精灵图表存储到一个文件中)。

　　HTML5 Reset

HTML5 Reset是一系列的文件(HTML，CSS 等等)，都是用来帮助用户设计他们新项目的时候节省时间。

好啦，这只是蓝鸥广州HTML5培训班分享的16款在线HTML5工具，希望那些即将踏入这个行业的人能够多多努力，在此小编也希望大家能收获属于自己的一分果实。记住做任何事情都需要坚持，不管你遇到什么困难，如果你心中的防线塌了，你就真正的失败了。