`
CshBBrain
  • 浏览: 638177 次
  • 性别: Icon_minigender_1
  • 来自: 成都
博客专栏
B7d9bf34-126e-301f-819e-81f2615b5a2a
开源WebSocket服务...
浏览量:142137
Group-logo
HTML5移动开发
浏览量:135482
社区版块
存档分类
最新评论

加速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软件,用途在于定义背景颜色,工具和尺寸。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics