http://www.web008.net

最受欢迎的7个前端UI框架,2014年5个最流行前端框架对比

二零一四年5个最盛行前端框架相比

2015/01/08 · CSS, HTML5 · bootstrap, Foundation, Pure, Semantic UI, UIkit, 前端框架

本文由 伯乐在线 - kinolee 翻译,JustinWu 校稿。未经许可,幸免转发!
波兰语出处:www.sitepoint.com。应接参与翻译组。

今昔偶然众多CSS的前端框架纷涌而至,但实在的完美的并非常少。

在此篇小说中大家将对自个儿认为最佳的四个框架举行相比,每一个框架都有投机优短处和特定的应用领域,这允许你依据特定项目的供给选用适合的框架。比方,若是您的类型比较容易,你就没有须要复杂的框架,此外,许多挑选是模块化的,那允许你仅使用你供给的组件,也许夹杂使用区别框架的零部件。

大家要钻探的框架都是依附其在github上的人气体现的,首先说最风靡的,当然是:Bootstrap。

(注意:上面的某些新闻在今后的几周和几月后就过时了,如:GitHub 上的评分(Stars)和本子数,因而只要你是在此篇小说揭橥非常久以往阅读的话,你需求介意这或多或少。别的,还要注意框架大小是或不是将要求的CSS和JS文件最小化。)

我接收的这几个框架是依照它们在 Github 的受招待程度来的,而最受款待的听之任之是 Bootstrap。

1. Bootstrap

Bootstrap 在现行反革命流行的各样框架中是确实的特别。鉴于其每一日仍在抓牢的赫赫名气,能够分明,这一个理想的工具相对不会让您失望,它也不会在你成功创立网址前就离开你去别处。

图片 1

  • 创建者: Mark Otto and Jacob Thornton.
  • 发布: 2011
  • 近来版本: 3.3.1
  • 人气: 在Github上有75,000+ stars
  • 描述: “Bootstrap是最盛行的的 HTML, CSS和 JavaScript 响应式开荒框架 ,web上支出的第三个移动项目.”
  • 主干概念/原则: RWD 和平运动动优先
  • 框架大小: 145 KB
  • 预管理器: Less 和 Sass
  • 响应式: Yes
  • 模块化: Yes
  • 早先模板/布局: Yes
  • Logo设置: Glyphicons Halflings set
  • 附加/插件: 未有捆绑插件,但众多第三方插件可用.
  • 非同小可的零部件: Jumbotron
  • 文档: 良好
  • 定制: 基本的GUI定制器。不幸的是,你需求手动输入的颜料值,因为未有可用的颜色接收器。
  • 浏览器援救: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
  • 许可证: MIT

Notes on Bootstrap

  •  Bootstrap 的首要优点是它可怜流行。从技术上讲,它并不一定比此番列出来的别的框架好,但它提供的能源(随笔和科目、第三方插件和强盛、核心开荒者等等)比别的八个框架的总的数量还要多。简单来讲,Bootstrap无处不在。那是人人继续选用它的注重缘由。
  • (注意:“独特的组件”的意味是,比较这里涉及的任何框架是绝世的。)

1.Bootstrap中文网(Boostrap英文网)

Bootstrap 是最受应接的 HTML、CSS 和 JS 框架,用于开拓响应式布局、移动设备优先的 WEB 项目

图片 2

* 作者:Mark Otto and Jacob Thornton

* 发表时间: 二零一一

* 当前版本: 3.3.7

* 广泛程序: 在 Github 上收获 111,000 个点赞

* 描述: “Bootstrap 是最受招待的 HTML、CSS 和 JavaScript 框架,用于支付响应式、移动优先的 Web 应用”

* 宗旨概念:QashqaiWD 以致运动优先

* 框架体量: 154 KB

* 预管理器:Less and Sass

* 响应式: Yes

* 模块化: Yes

* 帮忙模板和布局?: Yes

* 图标集:Glyphicons Halflings set

* 插件/扩张: 未有绑定,不过洋洋第三方的能够筛选

* 独特的机件: Jumbotron

* 文档: Good

* 定制: 基本的 GUI 定制工具,不行的是你须要手工业输入颜色值,因为尚未提供颜色拾取器

* 浏览器补助: Firefox, Chrome, Safari, IE8+ (IE 8 供给 Respond.js )

* 许可证:MIT

2. Foundation by ZURB

Foundation是那多少个框架中第二大的,在像ZURB相仿实力富饶的小卖部扶植下,那一个框架确实很有力,是的,正是foundation。究竟, Foundation已经在好些个大型网址上投入使用,包涵 照片墙, Mozilla, Ebay, Yahoo!和国度地理等等。

图片 3

  • 创建者: ZURB
  • 发布: 2011
  • 时下版本:5.4.7
  • 人气: 在Github上有18,000+ stars
  • 描述: “世界上最卓越的响应式前端框架”
  • 宗旨概念/原则: RWD 、手提式有线电话机优先、语义的
  • 框架大小: 326KB
  • 预管理器: Sass
  • 响应式: Yes
  • 模块化: Yes
  • 起来模板/布局: Yes
  • Logo设置: Foundation Icon Fonts
  • 附加/插件: yes
  • 杰出的零部件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
  • 文档: 非凡,还应该有众多万分的能源是可用的。
  • 定制: 未有GUI编辑器,只可以手工业定制。
  • 浏览器扶持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
  • 许可证: MIT

2.Foundation

Foundation 在这里份列表中是第二公投项。该框架有二个真的有力、况兼很棒的基础。别的,有那些大网址在应用该框架,满含:推文(Tweet), Mozilla, Ebay, Yahoo! 以致国家地理杂志等等。

图片 4

* 所属: ZURB

* 公布时间: 二〇一三

* 当前光阴:6.3.1

* 受应接程度: 在 Github 收获 25,400 个点赞

* 描述: “最高等的响应式前端框架”

* 主题概念: LacrosseWD, 移动优先,语义化

* 框架体量: 197.5 KB

* 预管理器: Sass

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* 图标集:Foundation Icon Fonts

* 插件/扩展: Yes

* 独特组件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

* 文书档案: 好,提供超多附加能源

* 定制: 基本的 GUI 定制器,类似 Bootstrap 那款

* 浏览器扶助: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+

* 许可证: MIT

Notes on Foundation

Foundation 是二个提供业务支撑、培养操练和提问真正标准的框架。它还提供了无数财富帮忙您越来越快和更易于学习和动用框架。

3.Semantic UI

Semantic UI 一直在不停提升,营造更具语义的 Web 网址。其利用自然语言原则,使得代码尤其富有可读性和轻松精通。塞马ntic UI是最具改善以至全职能的框架。框架的欧洲经济共同体布局和命名都有明显的逻辑和语义,在此方面碾压别的框架。

图片 5

* 作者:Jack Lukic

* 公布时间: 二零一一

* 当前版本: 2.2

* 受招待程度: 在 Github 上获取 34,762 个赞

* 项目描述: “贰个 UI 组件框架,基于自然语言特点”

* 核心概念: 语义、标签、响应式

* 框架说起: 806 KB

* 预管理器: Less

* 响应式: Yes

* 模块化: Yes

* 模板布局: 扶助,提供一些基础模板

* 图标集: Font Awesome

* 扩展、插件: No

* 独特组件: Divider, Flag, Rail, Reveal, Step, Advertisement, 卡德, Feed, Item, Statistic, Dimmer, Rating, Shape.

* 文书档案: 相当的棒,协会杰出,提供入门、定制和主旨创立.

* 定制: 不提供 GUI 定制器,唯有手工业定制

* 浏览器扶持: Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10

* 许可证: MIT

3. Semantic UI

Semantic UI 经过多年的奋力,致力于能够以更语义化的办法创设网址。它利用自然语言的原则,使代码更可读,更便于理解。

图片 6

  • 创建者: Jack Lukic
  • 发布:2013
  • 脚下版本:1.2.0
  • 人气: 在Github上有12,900+ stars
  • 描述: “基于自然语言有效标准的UI组件框架”
  • 主干概念/原则: 语义,标签的冲突性、响应式
  • 框架大小: 552KB
  • 预管理器: Less
  • 响应式: Yes
  • 模块化: Yes
  • 始发模板/布局: No
  • Logo设置: Font Awesome
  • 附加/插件: yes
  • 非同经常的机件: Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape.
  • 文档: 相当好。Semantic提供了贰个很好的团队文书档案,还应该有叁个提供入门指南,定制和开创核心单独的网址,。
  • 定制: 未有GUI定制器,只好手工业定制。
  • 浏览器辅助:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10
  • 许可证: MIT

4.Pure

Pure 是叁个轻量级、模块化的框架,使用纯 CSS 编写,其包含的有所组件都可以在联名照旧独立行使。

图片 7

* 所属: Yahoo

* 发布时间: 2012

* 当前版本: 0.6.2

* 受款待程度: 在 Github 收获 16,637 个点赞

*  描述: “黄金年代组小的、响应式的 CSS 模块,能够用来任豆蔻梢头 Web 项目”

* 宗旨概念:SMACSS, 极简主义.

* 框架谈到: 16 KB

* 预管理器: None

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* Logo集结: 无,你能够采纳 Font Awesome .

* 插件/扩展: None

* 独特组件: None

* 文档: 好

* 定制: 基本的 GUI 身躯构建器

* 浏览器扶助: Latest versions of Firefox, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x

* 许可证:Yahoo! Inc. BSD

Notes on Semantic UI

Semantic 是此处研究的最改良和机能最完美的框架。在框架的总体结交涉命名约定方面,也以清晰的逻辑和语义类超过了别的框架。

5.UIkit

图片 8

UIkit 是一个便于使用和定制的简约组件集合。纵然与其竞争对手比较,受迎接程度没那么高,可是它豆蔻梢头律提供了同样的效能和品质。

* 所属:YOOtheme

* 公布时间: 2012

* 当前版本: 3.0.0

* 受应接程度: 在 Github 收获 9,422 个点赞

* 描述: “三个轻量级模块化的前端框架,用于飞快支付强盛的 Web 分界面”

* 宗旨概念: 君越WD, 移动优先

* 框架谈起: 326.9 KB (384.4 KB 假使含有 uikit-icons.min.js 和有关 SVG Logo时)

* 预管理器: Less, Sass

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* Logo集: UIkit 包蕴自身的 SVG 图标系统和库

* 插件/扩展: Yes

* 独特组件: Article, Flex, Cover, HTML Editor

* 文档: Good

* 定制: 高端 GUI 定制器,只在本子 2 中提供

* 浏览器补助: Chrome, Firefox, Safari, IE9+

* 许可证: MIT

郑重声明:本文版权归美高梅163888所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。