HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 让Web开发事半功倍的10款HTML5工具

让Web开发事半功倍的10款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软件,用途在于定义背景颜色,工具和尺寸。


原文:codegeekz.com 
自:http://www.csdn.net/article/2013-06-05/2815579-Web-tools-HTML5

【让Web开发事半功倍的10款HTML5工具】相关文章

1. 让Web开发事半功倍的10款HTML5工具

2. 10款最好用的移动web开发工具

3. 10款HTML5编码简化工具

4. bMobilized:瞬间让Web网站变HTML5的移动网站

5. web开发者不可错过的11个JavaScript工具

6. Web开发者必备的11个精华版JavaScript工具

7. 推荐10款web前端的 HTML5 开发框架和开发工具

8. Web开发者不容错过的10段CSS代码

9. 对Web开发人员和设计师有用的10个流程图

10. 创建响应式布局的10款优秀网格工具集锦

本文来源:https://www.51html5.com/a3297.html

点击展开全部

﹝让Web开发事半功倍的10款HTML5工具﹞相关内容

「让Web开发事半功倍的10款HTML5工具」相关专题

其它栏目

也许您还喜欢