首页 > Web开发 > 详细

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

时间:2016-01-10 15:43:26      阅读:289      评论:0      收藏:0      [点我收藏+]
HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验。
 
1.Percentage Loader
 

技术分享

 

Percentage Loader 是一个 jQuery 插件, 利用 HTML5 Canvas 创造漂亮的加载效果。 压缩后只有 10kb,也可以用来作为一个拖放支持的控制器(例如一个圆形的音量按钮),它还支持在同一个页面显示多个实例

 

在线预览   源码下载

 

2.jQuery HTML5 Uploader

 

技术分享

jQuery HTML5 Uploader 是一个轻量级的 jQuery 插件,可以让你快速把上传功能添加到你的 Web 应用程序中。你只需要创建一个Dropbox的元素 (即一个div),剩下的事情交给 jQuery HTML5 Uploader 就可以了。然后你可以拖动一个或多个文件,文件将被上传。

 

在线预览   源码下载 jQuery-HTML5-Uploader-1.0b.zip

 

3.Audio5js

 

技术分享

HTML5 音频真棒,很容易实现,性能也很好。唯一能阻止你使用的可能就是旧版浏览器不支持。Audio5js 是一个轻量级的 JavaScript 库 ,很好地解决了这一兼容性问题。

 

在线预览   源码下载

 

4.Fabric.js

技术分享

 

Fabric.js 是一个 HTML5 Canvas 编码框架,提供创建对象和操纵的方法,该框架还可以使用 SVG-to-Canvas 解析器 。

 

在线预览   源码下载

 

5.D3-Cloud

技术分享

D3-Cloud 是一个美丽的和开源的字符云实现,和 Wordle.com 有点类似。 它是建立在 D3.js 库基础上,使用 HTML5 Canvas 绘制的输出,以异步方式工作,性能良好。

 

在线预览   源码下载

 

6.cgSceneGraph

技术分享

cgSceneGraph 是一个面向对象的,易于使用的 JavaScript 动画框架,建立在 HTML5 Cnavas 基础之上。它致力于建立专业应用程序和游戏,跨浏览器,有很多内置的功能,如图像,文字,按钮,形状等

 

在线预览   源码下载

 

7.HTML5 File Uploads with jQuery

 

技术分享

 

这是另一个基于 jQuery 和 HTML5 拖放功能的文件上传插件。允许人们把要上传的照片拖放到浏览器窗口,实现自动上传。

 

在线预览   源码下载html5-file-upload.zip

 

8.Howler.js

技术分享

Howler.js 是一个与网络音频 API 集成的 JavaScript 库,它在默认情况下在不支持的时候降级到 HTML5 音频,它接受多种文件格式,用于跨浏览器兼容。

 

在线预览   源码下载

 

9.Font Dragr

技术分享

 

一种革命性的方式在浏览器中测试自定义字体。没有编码,没有上传,只需拖放。作为一名设计师,选择一个体面的字体是一个艰难的过程!使用这个很棒的字体书签,立即查看任何一个新的字体,不改变任何 HTML 或 CSS 网页 。

 

在线预览   源码下载

 

10.Native Form Elements

技术分享

 

HTML 表单元素的外观和行为在每个浏览器略有不同。为了找出差异,更容易测试,这个网站可以帮助到你。它列出了所有的表单元素, 包括所有的 HTML5 元素和其无效状态。

 

在线预览   源码下载

 

本文固定链接: http://www.i7758.com/archives/1932.html

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

原文:http://www.cnblogs.com/madoff/p/5118475.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!