加速Web开发的10款HTML5工具

时间:2014-4-16  |  评论:  |  被查看了 4,227 次  |  标签:, , , , , ,
HTML(Hyper Text Mark-up Language )即超文本标记语言,自万维网初创之日起,它就已经成为满意度很高的公共语言。在过去的两年里,HTML5在性能上得到了很大的提升和改进,当仁不让的获 得了大众的青睐。在这篇文章当中为大家介绍的10款最佳HTML5工具不仅能简化你的工作,还能让开发具有创新性和革命性的网络应用程序更加方便。
 20130611092954_95368
Mockups是一款非常灵 巧的HTML5工具,开发者使用它可以制作线框图、实物模型、UI、原型,关键在于你如何调用它们。程序员已经试图让这个工具简单直观,因此你可以不受任 何阻碍地使用它。Mockups是基于开源标准创建而来,可以给用户在浏览器中提供不折不扣的最佳体验。
简单的拖动和移动图片文件到 空间里,点击“生成”按钮就能制作出小巧的工作表和样式表。Stitches使用一些HTML5 API,而且是目前唯一兼容Chrome和Firefox最新版本的表格生成器。然而,Stitches暂不支持IE9,仅支持 jQuery1.7.1+、Modernizr、Dropfile、Flashcanvas一些老的浏览器。
Speakker是HTML5以跨浏览器音频解决方案为特色的工具。从音箱里发出的声音有两个音频,且带有难以置信的定制化选择:柔性维度,无限的色彩,两个不同的亮度主题设置按钮。看,设计起来很简单,只需一些JavaScript和量子CSS线条即可。
投票就像写“赞成”与“反对”,视频投票允许你收集视频反馈信息,你所要做的就是点击视频,然后按空格键提交你的投票,它会自动在柱状图上填充结果的。
VideoJS在HTML5视频播放器里添加了3个核心部分:一个嵌入式代码(供所有人看的视频),一个JavaScript程序库,还有一个纯粹的HTML/CSS皮肤,之所以用嵌入式代码就是为了和那些没有javaScript程序的设备相兼容。
Spritebox是一款所见即所得的工具,目的在 于帮助网络设计者快速简单的创造来自单独子画面图像的CSS级别和入侵检测系统。在背景属性的基础上把子画面图片整合到块元素的Web页面。通过结合JQuery,CSS3和HTML5制作出来的Spritebox当然也是可以免费使用的。
HTML5 Please是互动兼容性图表,它的特色是能够找出支持或不支持的浏览器。通过智能搜索栏,浏览器过滤结果就能成为可能。每一个选项都很简明的描述了,甚至可以选择它们是否应该撤销使用或者填充使用,这些都一目了然。
Create.js是一款功能较为全面的内容管理系统Web编辑界面。支持现代化的、HTML5开发环境的浏览器,适用于任何一款内容管理后端系统。
WYSIHTML5是一款基于HTML5技术开源的富文本编辑器。其采用复杂的安全概念,旨在通过tag及内链样式生成完全有效的HTML5标记。它是一款快速、轻量级的应用,采用类命名代替内链样式,支持Chrome语音输入,基于MIT许可下发布的。

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

分享: