转载:WEB前端开发实用HTML5开发框架和开发工具

HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验。这篇文章整理了25款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快,更容易。

Sonic


Sonic 是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像。更强大的是提供了基于现成的例子的创建工具,可以帮助你实现更多自定义的加载动画效果。
在线演示免费下载

Chart.js


Chart.js 是面向对象的 JavaScript 图表库,使用 HTML5 画布实现漂亮的图表。它目前支持6个图表类型(线图,条形图,雷达图,饼图,柱状图和极区)。
在线演示免费下载

RazorFlow

RazorFlow 是一个 PHP 框架,用于快速,方便地创建能够在所有主流的移动设备和浏览器的响应式 HTML5
仪表板。它的工作原理简单,只需要插入一个单一的 PHP 文件到任何应用程序,喂给它的数据,选择输出类型就可以了。它可以与 MySQL 和
PostgreSQL 或 SQLite 数据库结合使用。
在线演示免费下载

Zebra

Zebra 是一个 JavaScript 库,带有丰富??的用户界面组件,可以创建类似桌面风格的布局。UI 元素使用 HTML5 画布创建 ,在现代的浏览器上将有相同的呈现效果。
在线演示免费下载

Workless

Workless 是 HTML5 & CSS3 框架,用于轻松构建跨浏览器的网站,包含现在网站开发中最经常使用的东西。
在线演示免费下载

Native

Junior 是一个 HTML5 框架,用于创建类似原生风格的移动应用程序。非常易于使用,并且有详细的帮助文档和例子。 它使用 CSS3 过渡实现圆滑的动画效果,支持滑动的旋转木马,并包括各种 UI 组件。
在线演示免费下载

Radi

Radi 是一个超棒的视觉设计应用程序,它具有内置工具用于创建和编辑图形(也可以导入)并使用 <canvas> 元素实现生成动画。
在线演示免费下载

HTML5 Bones

HTML5 Bones 是一个 HTML5 网站的样板,包括最需要的东西(normalize.css,html5shiv 等)。在线演示免费下载

Literally Canvas

Literally Canvas 是一个 HTML5 开源部件,它可以集成到任何页面,使用户能够在线绘制。它配备了一套简单的工具,包括绘图,擦除,颜色选择器,撤消,重做,平移和缩放。在线演示免费下载

Gauge.js

Gauge.js 是一个漂亮的脚本,用于在 HTML5 画布中使用 JavaScript(或者 CoffeeScript)创建动画压力表。
在线演示免费下载

WYSIHTML5

WYSIHTML5 是一个开源的富文本编辑器,不依赖于任何 JavaScript 框架,轻量,快速。并提供了主要的文本编辑功能,包括文本样式(粗体,斜体),列表,标题,插入图像或链接和文本着色等。在线演示免费下载

HTML5 Sortable

HTML5 Sortable 是一个轻量级排序插件,使用原生的 HTML5 拖放 API 创建排序列表和网格。在线演示免费下载

转载:WEB前端开发实用HTML5开发框架和开发工具

时间: 2024-10-06 11:05:31

转载:WEB前端开发实用HTML5开发框架和开发工具的相关文章

4个Web前端经典实用值得学习收藏的地图实现模板~

1.  无JS中国地图变色版 源码下载/  在线演示 2.  jQuery鼠标悬停中国地图网络销售网点提示信息 源码下载 /  在线演示 3. jquery开发的地图热点特效 jquery实现的,会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发. 源码下载 /   在线演示 4. 使用raphael.js绘制中国地图 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/   在线演示 4个Web前端经典实用值得学习收藏的地图实现模

[转载]Web前端开发工程师编程能力飞升之路

[背景] 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧:如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧:如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧: web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间.这个领域没有学校的正规教育,没有行内成体 系的理论指引,几乎所有从事这个职业的人都是靠自己自学成才.自学成才,一条艰辛的坎坷路,我也是这样一路走来.从2002年开始接触web

web前端入门之HTML5绘图

麦子刚刚又有一门新课程上线了!爱学习的你,还不强势围观? ------ 新课讲什么? HTML5提供了Canvas元素,允许脚本语言动态渲染位图像.Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度.JavaScript代码可以访问该地区,通过一套完整的绘图 功能类似于其他通用二维的API,从而生成动态的图形. #小麦说#本课程详细讲解了HTML5绘图的基本方法,包括文字.路径.图像和渐变等内容,最后以一个单机版的五子棋项目来证明HTML5绘图功能的强大. ------ 新课在哪

8个web前端的精美HTML5 &amp; CSS3效果及源码下载

作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握.前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手. 1.HTML5 模拟现实物理效果 Ball Pool 是一个基于 HTML5 技术的实验,模拟现实物理效果,让你在 Web 中感受自然物体的运动.玩法介绍:可以随意拖动圆球.点击页面背景.晃动浏览器.双击页面背景或者按住鼠标左键,有不同的效果,赶紧来体验一下. 在线演示 源码下载 2.实现各种

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

HTML5 在不同的领域让网页设计更强大的.快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. 1.Percentage Loader Percentage Loader 是一个 jQuery 插件, 利用 HTML5 Canvas 创造漂亮的加载效果. 压缩后只有 10kb,也可以用来作为一个拖放支持的控制器(例如一个圆形的音量按钮),它还支持在同

超炫酷web前端的jQuery/HTML5应用搜罗

作为前端开发者,我们肯定都使用过非常多的jQuery插件,毋庸置疑,jQuery非常流行,尤其是结合HTML5和CSS3以后,让这些jQuery插件有了更多地动画效果,更为绚丽多彩. 1.HTML5/CSS3一组可爱的3D按钮 这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个性化.该CSS3按钮不仅具有3D的外观,点击按钮也具有非常立体的效果,更具有特点的是这款CSS3按钮的形状是不规则的,而且按钮中都有一个可爱的小图标. 在线演示 源码下载 2.jQuery Doc

好程序员web前端分享常见html5语义化标签

我们知道,创建结构清晰的页面可以建立良好的语义化基础,也降低了使用css的难度,下面总结了一些常用的语义化标签,有空慢慢更新,欢迎大家补充 语义化HTML:用最恰当的HTML元素标记的内容. 优点:1 提升可访问性:  2 S-EO:   3 结构清晰,利于维护: (HTML5旧的行内元素都被归类为短语内容) 通用容器:div——块级通用容器:span——短语内容无语义容器. 如果语义不合适,也不要霸王硬上弓,=.. =老实的用div吧. < title></title>:简短.描

分享web前端七款HTML5 Loading动画特效集锦

以前我们大部分的Loading动画都是利用gif图片实现的,这种图片实现Loading动画的方法虽然也很不错,但是作为HTML5开发者来说,如果能利用HTML5和CSS3实现这些超酷的Loading动画,那将是一件非常痛快的事情. 1.HTML5 Canvas发光Loading动画 之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢.今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效.Loading旋转图标是在canvas画布上绘制的,整个lo

Web前端_微信小程序实战开发

微信小程序开发实战教程 一.微信小程序 它是一种混合开发的方式. 是安装在微信中的程序(一个程序最多2M空间). 1.1 注册 1  2 点击立即注册:进入下方页面 3  4 点击小程序进入表单填写页面 5  6 填写完毕之后提交,会让你去邮箱中激活.激活之后就可以进入小程序开发了. 1.2 安装开发工具 经过1.1注册之后,我们有了开发账号,但是没有办法凭空开发内容,我们需要下载开发工具.使用微信提供的开发工具进行开发. 下载地址: 1 https://developers.weixin.qq