推荐25款很棒的 HTML5 前端框架和开发工具【下篇】

  快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验。

  这里推荐的优秀 HTML5 框架和开发工具可以帮助你开发项目更快,更容易。推荐阅读:《推荐25款很棒的 HTML5 开发框架和开发工具【上篇】》

您可能感兴趣的相关文章
  • 推荐10款非常优秀的 HTML5 开发工具
  • 2012年最经典的10款 HTML5 游戏集锦
  • 35款非常优秀的基于 HTML5 网页游戏
  • 20个惊艳的 HTML5 Canvas 应用试验
  • 8个惊艳的 HTML5 和 JavaScript 特效

 

Percentage Loader

Percentage Loader: Attractive Loader With jQuery & HTML5

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

在线演示 免费下载

 

jQuery HTML5 Uploader

jQuery HTML5 Uploader: Lightweight jQuery Plguin

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

在线演示 免费下载

 

Audio5js

Audio5js: HTML5 Audio Library

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

在线演示 免费下载

 

Fabric.js

Fabric.js: HTML5 Framework

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

在线演示 免费下载

 

D3-Cloud

D3-Cloud: Word Clouds With JavaScript and HTML5

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

在线演示 免费下载

 

cgSceneGraph

cgSceneGraph: Animation Framework With HTML5 Canvas

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

在线演示 免费下载

 

HTML5 File Uploads with jQuery

HTML5 File Uploads with jQuery

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

在线演示 免费下载

 

Howler.js

Howler.js: JavaScript Library For Web Audio

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

在线演示 免费下载

 

Font Dragr

Font Dragr: Online Drag and Drop Font Testing Tool

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

在线演示 免费下载

 

Native Form Elements

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

在线演示 免费下载

 

您可能感兴趣的相关文章

  • 让人惊叹的 Chrome 浏览器实验项目
  • 分享21款丰富多彩的 HTML5 网页游戏
  • 推荐10款优秀的 HTML5 在线设计工具
  • 2012年最佳的 HTML5 应用和网站作品
  • 29款基于 HTML 5 Canvas 的网页游戏

 

英文来源:25 Useful HTML5 Tools For Designer & Developers

文章来源:梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/365154.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android18lazuli,The Rise And Fall Of Android 17

Hey guys, Tommy here. Today I’m bringing you another blog talking about Android 17. I’ve had mixed emotions on Android 17’s return in Dragon Ball Super since it originally happened. I feel like now with this whole Android 17‘a return is something I sho…

luogu P1462 通往奥格瑞玛的道路

嘟嘟嘟 这道题的题面相当的迷,我看了半天都没懂。最后看了题解的解释才懂。 他是这么个意思:对于所有能活着走到终点的路径,输出每一条路径中过路费最多的城市的最小值。 那么自然想到二分过路费,然后用dijkstra或spfa判断是否存在…

Maven私服(Nexus)搭建总结

因为工作需要,第一次搭建Maven私服,使用的是目前最流行的Sonatype Nexus。搭建私服并不难,官网有很详细的说明,只需几个步骤即可搭建一个可用的私服,但因为公司系统环境(测试)的原因还是遇到几个…

Effeckt.css – CSS3 Transitions Animations 精妙应用

CSS3 不仅仅用作界面效果补充,还可以用来替换传统的一些界面实现,而且效果更酷。Effeckt.css 收集了众多精妙的 CSS3 Transitions & Animations 效果应用,例如:弹窗、按钮、导航、列表、页面切换等等。 您可能感兴趣的相关文章…

html如何让字体自动变色,CSS使文字部分变色

思路思路很简单,就是一个字写两遍,一个字只显示部分,不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after,记住这个“伪元素”的“伪”字,表明它本来是不存在的。我们的方法就是在伪元素里放置相同的…

Codrops 教程:基于 CSS3 的精美模态窗口效果

Codrops 分享了漂亮的模态窗口效果实现方法,希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮(或任何的 HTML 元素),在点击的时候出现一个模态窗口,带有简单的过渡(或动画&#xf…

html5录像功能限制时间,HTML5拍照和摄像机功能实战详解

开篇最近在做一个chrome app的云相机应用,应用包括拍照、摄像、保存照片视频、上传文件等等核心功能,其中涉及到很多HTML5对媒体流相关的API。写这篇文章的目的,其一是总结梳理知识点,最重要是希望对有相关需求的读者提供一些指导…

选择Vert.x的3个理由

Vert.x是用于JVM的轻量级高性能应用程序平台 现代Web应用程序和移动客户端的兴起重新定义了Web服务器的期望。 Node.js是第一个识别范式转换并提供解决方案的技术。 应用程序平台Vert.x借鉴了Node.js的一些创新,并使其在JVM上可用,将新鲜的想法与最复杂…

FROONT – 超棒的可视化响应式网页设计工具

FROONT 是一个基于 Web 的设计工具,在浏览器中运行,使得各类可视化设计的人员都能进行响应式的网页设计,即使是那些没有任何编码技能的设计师。FROONT 使得响应式网页设计能够可视化操作,能够在浏览器中使用直观的拖放工具进行设计…

OO-第一单元总结

经过了前三次作业和两次实验的引导,我的编程思路在逐步从面向过程转向面向对象。也对面向对象有了初步的理解。虽然第一次实验由于自己没有及时完成导致没有提交过有些遗憾,但是第二次实验还是提交了几次的(虽然由于时间原因并没有做好本地测…

2013年五大主流浏览器 HTML5 和 CSS3 兼容性大比拼

转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流…

PAT L3-007 天梯地图

https://pintia.cn/problem-sets/994805046380707840/problems/994805051153825792 本题要求你实现一个天梯赛专属在线地图,队员输入自己学校所在地和赛场地点后,该地图应该推荐两条路线:一条是最快到达路线;一条是最短距离的路线…

Two.js – 为现代浏览器而生的 2D 绘图 API

Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合:SVG,Canvas 和 WebGL,旨在使平面形状和动画的创建更方便,更简洁。 Two.js 有一个内置的动画循环,可搭配其他动画库。Two.js 包含可伸缩矢量…

apache arm 交叉编译_MacOS 下交叉编译的折腾笔记

这是这个系列 “折腾笔记” 的第一篇,希望能用更直白的方式去展现交叉编译的时候做了些什么。因此,这个教程并不是最佳实践,但是可以让小伙伴们有一个更直白的理解。之后,我会把笔记的重点放在 bazel 上交叉编译的最佳实践&#x…

树-二叉树、满二叉树和完全二叉树

树-二叉树、满二叉树和完全二叉树 二叉树的定义: (1)当n0时,为空树; (2)当n>0时,是由一个根结点和称为根结点的左、右子树构成,并且两颗子树互不相交。 满二叉树&…

Codrops 优秀教程:基于 CSS3 的全屏网页过渡特效

向大家分享一个来自 Codrops 的基于 CSS3 实现的全屏网页过渡特效。页面初始布局是四个盒子,点击其中一个会扩张到全屏,其它的会淡出隐藏;关闭当前视图的时候又恢复到初始状态。 您可能感兴趣的相关文章-prefix-free:帮你从 CSS 前…

经典案例:2012年最佳25个响应式网站设计作品《下篇》

2012年,响应式网站设计成为主流,这个概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出,其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。 响应式设计不再只是一个概念,众多大公司也把…

npm git 遇到的问题解决笔记

npm 报错 在无可奈何时可以试一试这个命令 npm cache clean --force commit 是如果报这样的错 删掉项目中.git/index.lock文件再commit即可解决问题 1.git config --global user.email xxx163.com 2.git config --global user.name xxx 3.ssh-keygen -t rsa -C xxx163.com(邮箱…

Docverter – 文本文件轻松转换为 PDF,Docx 和 ePub 文件

Docverter 让你无需建立自己的文档转换工具就能够进行文件转换。Docverter 包装了几个开源项目,使您的文档能够进行完美的转换。借助一个简单的 HTTP API ,把使用 HTML,Markdown, 或者 LaTeX 编写的纯文本文件转换为 DOCX,PDF&…

MoreUnit与MoreUnit

就在一年多以前,我写了一篇关于在Eclipse中使用JUnit的文章。 评论者之一推荐MoreUnit ,以进一步提高测试效率。 尝试一下让我感到很高兴,并且我的自主神经系统立即记住了该插件的键盘快捷键…… 另外,在使用MoreUnit一段时间后&…