加速Web开发的10款HTML5工具

转自：http://www.csdn.net/article/2013-06-05/2815579-Web-tools-HTML5

 

HTML（Hyper Text Mark-up Language ）即超文本标记语言，自万维网初创之日起，它就已经成为满意度很高的公共语言。在过去的两年里，HTML5在性能上得到了很大的提升和改进，当仁不让的获得了大众的青睐。本文分享了10款最佳HTML5工具，以帮助你轻松构建Web应用。

1.Mockups：创建线框图和原型

Mockups是一款非常灵巧的HTML5工具，开发者使用它可以制作线框图、实物模型、UI、原型，关键在于你如何调用它们。程序员已经试图让这个工具简单直观，因此你可以不受任何阻碍地使用它。Mockups是基于开源标准创建而来，可以给用户在浏览器中提供不折不扣的最佳体验。

2.Stitches：工作表生成器

简单的拖动和移动图片文件到空间里，点击“生成”按钮就能制作出小巧的工作表和样式表。Stitches使用一些HTML5 API，而且是目前唯一兼容Chrome和Firefox最新版本的表格生成器。然而，Stitches暂不支持IE9，仅支持jQuery1.7.1+、Modernizr、Dropfile、Flashcanvas一些老的浏览器。

3.Speakker

Speakker是HTML5以跨浏览器音频解决方案为特色的工具。从音箱里发出的声音有两个音频，且带有难以置信的定制化选择：柔性维度，无限的色彩，两个不同的亮度主题设置按钮。看，设计起来很简单，只需一些JavaScript和量子CSS线条即可。

4.HTML5上的视频投票和流行俱乐部

投票就像写“赞成”与“反对”，视频投票允许你收集视频反馈信息，你所要做的就是点击视频，然后按空格键提交你的投票，它会自动在柱状图上填充结果的。

5.VideoJS：HTML5视频播放器和CSS的结合

VideoJS在HTML5视频播放器里添加了3个核心部分：一个嵌入式代码（供所有人看的视频），一个JavaScript程序库，还有一个纯粹的HTML/CSS皮肤，之所以用嵌入式代码就是为了和那些没有javaScript程序的设备相兼容。

6.Spritebox

Spritebox是一款所见即所得的工具，旨在帮助Web设计者简单快速的创建CSS类和IDs。在背景属性的基础上把子画面图片整合到块元素的Web页面。通过结合JQuery，CSS3和HTML5制作出来的Spritebox当然也是可以免费使用的。

7.HTML5 Please

HTML5 Please是互动兼容性图表，它的特色是能够找出支持或不支持的浏览器。通过智能搜索栏，浏览器过滤结果就能成为可能。每一个选项都很简明的描述了，甚至可以选择它们是否应该撤销使用或者填充使用，这些都一目了然。

8.CREATEM

Create.js是一款功能较为全面的内容管理系统Web编辑界面。支持现代化的、HTML5开发环境的浏览器，适用于任何一款内容管理后端系统。

9.WYSIHTML5

WYSIHTML5是一款基于HTML5技术开源的富文本编辑器。其采用复杂的安全概念，旨在通过tag及内链样式生成完全有效的HTML5标记。它是一款快速、轻量级的应用，采用类命名代替内链样式，支持Chrome语音输入，基于MIT许可下发布的。

10.Literally Canvas：开放的绘画小程序

Literally Canvas是HTML5产品中的开放资源，能和任何网页相结合，帮助用户在线绘画。它的来源主要是利用一些包括绘画、橡皮擦、上色、撤销、重做和放大等结合工具。这款程序使用了jQuery + Underscore.js和API软件，用途在于定义背景颜色，工具和尺寸。