HTML5 前端框架和开发工具【下篇】
HTML5 前端框架和开发工具【下篇】
快速，安全，响应式，互动和美丽，这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能，允许开发人员和设计师创建应用程序和网站，带给用户桌面应用程序的速度，性能和体验。
这里推荐的优秀 HTML5 框架和开发工具可以帮助你开发项目更快，更容易。推荐阅读：《推荐25款很棒的 HTML5 开发框架和开发工具【上篇】》
Percentage Loader
Percentage Loader 是一个 jQuery 插件， 利用 HTML5 Canvas 创造漂亮的加载效果。 压缩后只有 10kb，也可以用来作为一个拖放支持的控制器（例如一个圆形的音量按钮），它还支持在同一个页面显示多个实例。
jQuery HTML5 Uploader
jQuery HTML5 Uploader 是一个轻量级的 jQuery 插件，可以让你快速把上传功能添加到你的 Web 应用程序中。你只需要创建一个Dropbox的元素 （即一个div），剩下的事情交给 jQuery HTML5 Uploader 就可以了。然后你可以拖动一个或多个文件，文件将被上传。
Audio5js
HTML5 音频真棒，很容易实现，性能也很好。唯一能阻止你使用的可能就是旧版浏览器不支持。Audio5js 是一个轻量级的 JavaScript 库 ，很好地解决了这一兼容性问题。
Fabric.js
Fabric.js 是一个 HTML5 Canvas 编码框架，提供创建对象和操纵的方法，该框架还可以使用 SVG-to-Canvas 解析器 。
D3-Cloud
D3-Cloud 是一个美丽的和开源的字符云实现，和 Wordle.com 有点类似。 它是建立在 D3.js 库基础上，使用 HTML5 Canvas 绘制的输出，以异步方式工作，性能良好。
cgSceneGraph
cgSceneGraph 是一个面向对象的，易于使用的 JavaScript 动画框架，建立在 HTML5 Cnavas 基础之上。它致力于建立专业应用程序和游戏，跨浏览器，有很多内置的功能，如图像，文字，按钮，形状等
HTML5 File Uploads with jQuery
这是另一个基于 jQuery 和 HTML5 拖放功能的文件上传插件。允许人们把要上传的照片拖放到浏览器窗口，实现自动上传。
Howler.js
Howler.js 是一个与网络音频 API 集成的 JavaScript 库，它在默认情况下在不支持的时候降级到 HTML5 音频，它接受多种文件格式，用于跨浏览器兼容。
Font Dragr
一种革命性的方式在浏览器中测试自定义字体。没有编码，没有上传，只需拖放。作为一名设计师，选择一个体面的字体是一个艰难的过程！使用这个很棒的字体书签，立即查看任何一个新的字体，不改变任何 HTML 或 CSS 网页 。
Native Form Elements
HTML 表单元素的外观和行为在每个浏览器略有不同。为了找出差异，更容易测试，这个网站可以帮助到你。它列出了所有的表单元素， 包括所有的 HTML5 元素和其无效状态。
您可能感兴趣的相关文章
英文来源：25 Useful HTML5 Tools For Designer & Developers
文章来源：梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源
HTML5 前端框架和开发工具【下篇】的更多相关文章
- 推荐25款实用的 HTML5 前端框架和开发工具【下篇】
快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. ...
- 10大html5前端框架
Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气.自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者 ...
- html5 10大html5前端框架
Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气.自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者 ...
- 移动HTML5前端框架—MUI
前 言 JRedu 鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI也是MUI的重要目标.MUI以iOS平台UI为基础,补充部分Andro ...
- 一款基于HTML5的Web 3D开发工具
在我们协助客户进行3D应用的开发过程中,客户遇到的最头疼的问题是如何在短时间内学会使用TWaver 3D引擎,以及使用TWaver 3D来创建和导入项目所需的各种3D业务模型.由于项目涵盖的行业繁多. ...
- 前端框架VUE----webpack打包工具的使用
在这里我仅仅的是对webpack做个讲解,webpack这个工具非常强大,解决了我们前端很繁琐的一些工具流程繁琐的事情.如果感兴趣的同学,还是看官网吧. 中文链接地址:https://www.webp ...
- 前端思想实现：面向UI编程_____前端框架设计开发
引子,我去小说看多了,写博客竟然写引子了!!!不过,没引子不知道怎么写了.言归正传吧,前端这个职业,也就这几年刚刚火起来的职业,以前那个混乱的年代,前端要么是UI设计师代劳解决问题,要么就是后端程序员 ...
- 基于Angular2的前端框架CoreUI开发使用说明
开源地址:https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/tree/master/Angular2_CLI_Starte ...
- 关于给予webApp框架的开发工具
webApp 1.phonegap webApp即基于html+css+javascript,对于新手会联想好多及疑问(如数据的添删查修如何实现,参数传递如何实现) 添加查修使用jsonp跨域实现的 ...
随机推荐
- android如何在代码中设置margin
1.首先看你要设置组件的父容器是什么. 例如,我是FrameLayout其中包括组件.如果调用bottomLayout这是: FrameLayout.LayoutParams lp = new Fra ...
- C#中的Params、ref、out的区别
C# Params params params 关键字可以指定在参数数目可变处采用参数的方法参数. 在方法声明中的 params 关键字之后不允许任何其他参数,并且在方法声明中只允许一个 params ...
- python_random随机
在数据清洗,评估 ,抽验等等过程中,经常有这样的应用场景 : 需要在一个大的数据集合中随机出来样本,进行人工评估.为了保证足够随机,借助脚本来实现. 下面一个脚本 ,用于应对这种应用场景. 使用方法 ...
- 【Head First Javascript】学习笔记0——自己制作chm参考手册素材
变量声明:var 常量声明:const 数据格式转换: 1.转换函数 parseInt(A):把字符串A转换成整数:其中A为只包含数字的字符串 parseFloat(A):把字符串A转换成浮点数:其中 ...
- Group and sum array of hashes by date
I have an array of hashes like this: [{:created=>Fri, 22 Jan 2014 13:02:13 UTC +00:00, :amount=&g ...
- openfire修改服务器名称方法
1.登陆openfire管理页面,在主页面下方选择编辑属性,修改服务器名称为当前主机名称,点击保存属性,按页面提示重启服务器. 2.重启后,主页的服务器属性下的服务器名称出现一个叹号,鼠标放上去显示F ...
- Delta3D 2.8版本号 预习
http://blog.csdn.net/zhuyingqingfen/article/details/38581453 看到官网今天的更新.发现即将公布的delta3d 2.8 版本号 做了非常大的 ...
- WSockExpert[抓包工具]
一.WSockExpert简单介绍 WSockExpert是一个抓包工具,它能够用来监视和截获指定进程网络数据的传输,对測试站点时非常实用.在黑客的手中,它经常被用来改动网络发送和接 ...
- 移动端App混合开发问题 汇总
1.IOS系统,双击页面,页面会向上移动一节,无法滑动复原. //阻止用户双击放大 var agent = navigator.userAgent.toLowerCase(); //检测是否是ios ...
- Java集合之ArrayList源码分析
1.简介 List在数据结构中表现为是线性表的方式,其元素以线性方式存储,集合中允许存放重复的对象,List接口主要的实现类有ArrayList和LinkedList.Java中分别提供了这两种结构的 ...