文档章节

非常优秀的8个HTML5前端框架

r
 raykaeso
发布于 2016/04/07 14:31
字数 1079
阅读 62
收藏 1
HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能,它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。以下是我较熟悉推荐给大家的框架:

1. Twitter BootStrap(v3.3.5)
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。 Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
中文学习网站:http://www.runoob.com/bootstrap/bootstrap-tutorial.html

2.App framework(V3.0)
英特尔2013年2月22日收购HTML 5移动应用公司appMobi HTML5开发工具XDK和相关雇员,之后jqMobi改名为App Framework。速度快、体积小、适用于智能手机和平板电脑、提供了60个API调用、与JQuery相同的语法(个人认为仅是语法结构相同以及jqMobi兼容JQuery,在一些具体函数上的参数不大相同,如$.ajax(),具体可参照两者的官方API)、插件可扩展。

3.Framework7(v1.0.7)
Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
中文学习网站:http://framework7.taobao.org/

4.Amaze UI(v2.4)
Amaze UI ,移动优先,以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。组件丰富,模块化,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。本地化支持,相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。 轻量级,高性能,Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。
官方网站:http://amazeui.org/

5.Ionic framework(v1.0.1)
Ionic是Drifty继Codiqa(基于 Web 的 jQuery Mobile构建工具)和Jetstrap(基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。是一个用HTML, CSS 跟JS 开发的一个用于移动设备Web App 开发框架,采用Sass与AngularJS 开发。通过它可以构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
中文学习网站:http://www.ionic.wang/

6.Foundation5
Foundation 5 是我们最快、最好的构建。多用的功能来帮助编写代码和学习比以往任何时候都要快。无论您使用的是Scss还是CSS我们都能很轻松地开始一个项目,这样就可以帮助你减少制作响应式网站的时间。使用Foundation 5可快速实现简洁界面和快速的覆盖。

7.JQuery Mobile
jQuery Mobile 是创建移动 web 应用程序的框架,适用于所有流行的智能手机和平板电脑,  使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
中文学习网站:http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html

8.Html5 Boilerplate
HTML5 Boilerplate 帮你构建 快速, 健壮, 并且 适应力强 的web app或网站。

本文转载自:https://www.leixuesong.com/338

r
粉丝 1
博文 69
码字总数 484
作品 0
武汉
个人站长
私信 提问
精挑细选 8款HTML5/jQuery应用助网站走向高上大

在WEB3.0的时代,我们的网站不仅要实现实用价值,更要为用户设计优秀的用户体验。jQuery是一个不错的JS框架,结合目前最新的HTML5技术,我们可以将自己的网站脱胎换骨,立马走向高上大,至少...

yykj
2014/04/03
1K
1
优博精选|2018互联网优秀博客推荐(持续更新)

前端开发 jQuery之家:jQuery之家致力于搜集和整理各种jQuery插件,jQuery特效,jquery ui,jQuery 教程,JS特效,网页特效,以及各种html5,css3动画和效果,为前端开发者提供最全面的网页开...

奋斗的小矿工
2018/08/22
0
0
云适配发布HTML5生态报告 Amaze UI成最受欢迎框架

随着HTML5标准的成熟以及企业应用的落地,HTML5正在从根本上改变开发者开发web应用的方式,从桌面浏览器到移动应用,HTML5语言和标准都正在影响并将继续影响着各种操作平台。 近日,全球领先...

IT_insight
2017/03/23
5
0
Web、移动开发资源、开源工具整理

整理了一些Web、移动开发资料,开源工具,供需要的朋友们查阅: Web移动开发各类网站学习资源: 成为优秀的Web移动开发者:编程资源大全 成为优秀的Web移动开发者:前端开发学习资源集合 成为...

咲晚杍
2014/03/13
431
1
让Bootstrap 3兼容IE8浏览器

让Bootstrap 3兼容IE8浏览器 看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说。有几个点大家要注意。 1、本地调试需要Web Server(如IIS、Apache,Nginx),单纯地本地打开文...

次长风
2015/07/31
238
1

没有更多内容

加载失败,请刷新页面

加载更多

ERC-777以太坊新代币标准解读

ERC777是一个新的高级代币标准,可以视为ERC20的升级版本,因此它解决了ERC20以及ERC223存在的一些问题,开发者可以根据自己的具体需求进行选型。 1、使用ERC820进行合约注册 有别于ERC20的自...

汇智网教程
45分钟前
4
0
代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部