非常优秀的8个HTML5前端框架
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或网站。