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跨域实现的 ...
随机推荐
- C#操作Xml：通过XmlDocument读写Xml文档
什么是Xml? Xml是扩展标记语言的简写,是一种开发的文本格式.关于它的更多情况可以通过w3组织了解http://www.w3.org/TR/1998/REC-xml-19980210.如果你不知道 ...
- 宽客的人&&事件映射
看完<宽客>这本书,叙事介绍20世纪华尔街对冲基金.股票.投资者依赖股市从直觉交易数学家的早期演化.物理学家用数学模型开发过程中的交易,这些进入金融数学家.物理学家依靠大数据分析.稍纵即逝 ...
- 用css2属性clip实现网页进度条
前言 看了网上一些关于网页进度条样式的资料,有很多方式实现,针对其展现形式,有用图片的,有用css2属性clip,有用flash的,本人就学会了一种,下面就简单来介绍一下. css2的属性clip 如 ...
- swift学习：第一个swift程序
原文:swift学习:第一个swift程序 最近swift有点火,赶紧跟上学习.于是,个人第一个swift程序诞生了... 新建项目
- .net的自定义JS控件，运用了 面向对象的思想 封装 了 控件(.net自定义控件开发的第一天)
大家好!我叫刘晶,很高兴你能看到我分享的文章!希望能对你有帮助! 首先我们来看下几个例子 ,就能看到 如何 自定义控件! 业务需求: 制作 一个 属于 自己的 按钮 对象 ,然后 像 ...
- Hadoop学习之配置Eclipse远程调试Hadoop
构建完毕Hadoop项目后,接下来就应该跟踪Hadoop的运行情况,比方在命令行运行hadoop namenode–format时运行了Hadoop的那些代码.当然也能够直接通过阅读源码的方式来做到这 ...
- MVC5控制器、路由、返回类型、选择器、过滤器
ASP.NET MVC5 学习笔记-1 控制器.路由.返回类型.选择器.过滤器 [TOC] 1. Action 1.1 新建项目 新建项目->Web->Asp.net Web应用程序, ...
- 理解iOS软件开发框架
iOS软件开发框架理解 这个东西是硬伤,框架?自带的mvc? 自带的UIViewController UIView UINavigationController 这些算不算?当然算的,cocoa框架嘛 ...
- 配置phonegap Android开发环境
phonegap的安装路途曲折,首先要基于多种程序,中途还要解决各种问题,下面是phonegap需要的程序 1.NodeJs 2.Phonegap 3.jdk,jre 4.Apache Ant 5.A ...
- AutoMapper 创建嵌套对象映射（原创）
之前在做DTO转换时,用到AutoMapper.但DTO的层次太深了,无奈官方没针对嵌套类型提供好的解决方案,于是自己实现了一下: 思路:采用递归和反射很好的避免手工创建嵌套对象的映射. 第一个版本, ...