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跨域实现的 ...
随机推荐
- 怎么会Sql serverW数据库模型图转化成ord于--您还可以查看属性信息字段
1. 于Sql server数据库,创建数据库模型图 -- Database Diagrams watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamN4NTA ...
- 百度地图API 添加自定义标注 多点标注
原文:百度地图API 添加自定义标注 多点标注 分四个文件 location.php map.css 图片 数据库 数据库配置自己改下 -------------------------------- ...
- Mac OS X于Android Kernel下载方法
于上一篇日志中,我总结了大家提供的下载Android源代码的方法.这里再简单总结一下内核的下载方法. 參考这里的介绍:http://source.android.com/source/building ...
- DataTable与实体类的转换
多年前写的DataTable与实体类的转换,已放github 阅读目录 介绍 起因 代码 UnitTest GitHub 介绍 很多年前一直使用Ado.net,后来慢慢转型到其他的orm,在转型过程中 ...
- C语言 ## __VA_ARGS__ 宏
在GNU C中,宏可以接受可变数目的参数,就象函数一样 可以把__VA_ARGS__看成是将...赋值给该宏 //注意这里不能在函数中调用abc() #include <stdio.h> ...
- Windows版Cacti全新安装与升级
全新安装 Cacti运行依赖的软件很多,mysql.PHP.Apache.Spine.rrd等,一个一个的安装非常繁琐,而且还容易出错,全新安装的话可以采用论坛提供的windows安装包安装,非常简单 ...
- 扩展ToolBarManager、ListView和Grid控件以实现气球式的ToolTip
原文:扩展ToolBarManager.ListView和Grid控件以实现气球式的ToolTip infragistics是全球领先的UI工具和用户体验的专家,Infragistics开发了一系列的 ...
- 你不知道的 页面编码，浏览器选择编码，get，post各种乱码由来
原文:你不知道的 页面编码,浏览器选择编码,get,post各种乱码由来 asp.net页面编码和浏览器的选择编码 每个asp.net的朋友都知道,在新版本的visual studio,在没有任何设置 ...
- jquery无缝滚动效果实现
demo如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...
- JSON 分析数据格式
2014年4月26日本10:55:15 从三月初开始,并JSON战斗.学校不教怎样做,己..大规模的搜索啊.发表这篇文章,喜欢我和不知道如何开始的新手! 和 XML 如.JSON 也是基于纯文本数据格 ...