非常优秀的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或网站。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
官网:http://www.c945.com/d-s/dsure 简介: Dsure基于纯CSS的HTML5网站响应式开发框架,可用于国内/外网站开发,完美适用于Designers Site Program 全站静态系统 来历: Dsure参考了国内/外优秀的框架库,经过仔细研究探讨,针对国内和国外网站开发需求,重构编写了一套更适宜于国内(包括国外)的网站CSS/HTML开发框架,在这里它主要运用于Designers Site Program 全站静态系统的各类高端网站主题开发,当然如果你喜欢,也可以用于其它网站的框架开发 ^_^ 特色: + 兼容IE6+, Firefox, Safari, Opera, Chrome 等主流浏览器,更高效适应国内/外网站 +18种常用色彩方案,灵活运动到各标签元素控件中 +12列自适应百分比网格(栅格)系统,适应各种分辨率和平台 +纯CSS开发框架,基于HTML5+CSS3 +完美兼容个版本的Designers Site Program 全站静态系统 +无任何的Javascript效果代码参与到框架开发中,极大程度方便您自己扩展js组件和插件 +384个常用web矢量图标,icon大小和颜色灵活变更 +丰富的组合样式,按钮控件样式轻松变 模块: 基础框架 (Base) *必须* 样式叠加 (Base) *通用* 内容/文本 (Text) 按钮 (Buttons) 表单 (Forms) 表格 (Tables) 网格/栅格系统 (Grids) 循环列表布局 (Layouts) 图标 (Icons) 图片 (Images) 分割线 (Dividing Line) 分页 (Paginators) 导航菜单 (Navigation) 分类导航 (Classification) 醒目牌 (Striking) 搜索框 (Search Box) 标签集 (Tags) 网页是一门技术,更讲究艺术,没有绝对的山寨与抄袭,更多的,是不断的探索学习和借鉴,国内的设计应该有更多更适应国内需求的探索,因此有了dsure这个CSS开发框架,喜欢的童鞋尽情下载。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值