澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

二零一五年5个最盛行前端框架相比较,最受招待

2015年5个最盛行前端框架相比

2015/01/08 · CSS, HTML5二零一五年5个最盛行前端框架相比较,最受招待的7个前端UI框架。 · bootstrap, Foundation, Pure, Semantic UI, UIkit, 前者框架

本文由 伯乐在线 - kinolee 翻译,二零一五年5个最盛行前端框架相比较,最受招待的7个前端UI框架。JustinWu 校稿。未经许可,禁止转发!
英文出处:www.sitepoint.com。迎接参与翻译组。

前些天时代众多CSS的前端框架纷涌而至,但确确实实的奇妙的却非常少。

在那篇小说中大家将对本身觉着最佳的三个框架实行相比较,各样框架都有和睦优缺点和一定的应用领域,那允许你依照特定类型的供给采纳非凡的框架。举个例子,纵然您的档案的次序相比轻松,你就没有要求复杂的框架,其它,大多取舍是模块化的,这允许你仅使用你须求的组件,恐怕夹杂使用分化框架的零部件。

大家要研商的框架都以基于其在github上的人气突显的,首先说最盛行的,当然是:Bootstrap。

(注意:上面包车型地铁局地音信在以后的几周和几月后就过时了,如:GitHub 上的评分(Stars)和本子数,由此只要你是在那篇文章发表很久现在阅读的话,你须求专注那或多或少。其余,还要注意框架大小是或不是将要求的CSS和JS文件最小化。)

本人选拔的那些框架是依附它们在 Github 的受接待程度来的,而最受接待的终将是 Bootstrap。

Ba la la la ~ 读者对象们,你们好啊,又到了冷锋时间,话非常的少说,发车!

正文来源于:葡萄城控件本事公司博客

来源:

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

* 公布时间: 2013

* 当前版本: 3.3.7

* 普遍程序: 在 Github 上得到 111,000 个点赞

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

* 主旨概念:奥迪Q3WD 以及移动优先

* 框架体量: 154 KB

* 预管理器:Less and Sass

* 响应式: Yes

* 模块化: Yes

* 扶助模板和布局?: Yes

* 图标集:Glyphicons Halflings set

* 插件/扩张: 未有绑定,可是过多第三方的能够选拔

* 独特的零件: Jumbotron

* 文档: Good

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

* 浏览器匡助: Firefox, Chrome, Safari, IE8 (IE 8 要求 Respond.js )

* 许可证:MIT


最近面世了汪洋的CSS前端框架,但真的卓绝的框架只有个别多少个。

英文:Ivaylo Gerchev  译文:赐紫英桃城控件

2. Foundation by ZURB

Foundation是那多少个框架中第二大的,在像ZURB同样实力富饶的集团支持下,那一个框架确实很有力,是的,正是foundation。毕竟, Foundation已经在众多种型网址上投入使用,蕴含 推特(Twitter), 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 在那份列表中是第二选举项。该框架有三个真正有力、而且很棒的基本功。其它,有好多大网址在采取该框架,包含:照片墙, Mozilla, Ebay, Yahoo! 以及国家地理杂志等等。

澳门新浦京娱乐场网站 4

* 所属: ZURB

* 发布时间: 二零一一

* 当前岁月:6.3.1

* 受招待程度: 在 Github 收获 25,400 个点赞

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

* 主题概念: 汉兰达WD, 移动优先,语义化

* 框架体量: 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

1.Bootstrap

Bootstrap是日前可用框架中确确实实的CEO。其人气日益增进,你可以放心的选项那个框架,而毋庸忧虑项目会失利,因为具备普及选择基础的框架,不太或者被打消。

本文将会相比较之中四个至上的框架。每一种框架都有和煦的帮助和益处和症结,以及现实的应用领域,你能够依附本身的切实可行项目需求举行精选。别的,好些个取舍都以模块化的,允许你仅使用所需的组件,乃至能够勾兑使用来源分裂框架的零部件。

www.cnblogs.com/powertoolsteam/p/frameworks_compared.html

Notes on Foundation

Foundation 是二个提供职业支撑、培养和磨练和提问真正典型的框架。它还提供了广大财富扶持您更加快和更易于学习和动用框架。

3.Semantic UI

Semantic UI 一向在持续上扬,营造更具语义的 Web 网址。其行使自然语言原则,使得代码尤其富有可读性和轻易通晓。Semantic UI是最具创新以及全职能的框架。框架的一体化布局和命名都有拨云见日的逻辑和语义,在那方面碾压别的框架。

澳门新浦京娱乐场网站 5

* 作者:Jack Lukic

* 公布时间: 二〇一二

* 当前版本: 2.2

* 受应接程度: 在 Github 上获取 34,762 个赞

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

* 大旨概念: 语义、标签、响应式

* 框架聊到: 806 KB

* 预管理器: Less

* 响应式: Yes

* 模块化: Yes

* 模板布局: 帮衬,提供部分基础模板

* 图标集: Font Awesome

* 扩展、插件: No

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

* 文书档案: 相当的厉害,组织卓越,提供入门、定制和主旨创制.

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

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

* 许可证: MIT

Bootstrap说明

Bootstrap的周边流行是它的优势所在。在工夫上,它不必然比列表中的其它框架更好,但它提供了比其他三个框架更加的多的能源(小说和课程、第三方插件和增添、主题创设器等)。简单的说,Bootstrap 无处不在,那是人人继续选取的重大原因。

创作者: Mark Otto 和 Jacob Thornton.
发行: 2011
脚下版本: 3.3.7
人气: GitHub上有111,000颗星
表达: “Bootstrap是最风靡的HTML,CSS和JavaScript框架,用于在互连网上支付响应式、移动的Web项目。
核心概念/原则: PRADOWD和运动端优先。
框架大小: 154 KB
预管理器: Less和Sass
响应式布局:是
模块化:是
启航航空模型型板/布局:是
图标集: Glyphicons Halflings设置
叠合/附属类小部件:无捆绑,繁多第三方插件可用。
独特组件: Jumbotron
文书档案财富:突出
自定制:基本GUI定制器。可是你须求手动输入颜色值,因为尚未颜色选择器可用。
浏览器帮忙: Firefox,Chrome,Safari,IE8 (您必要IE8的Respond.js)
许可证: MIT

本文依靠各类框架的GitHub流行度来千家万户介绍。

近些日子面世了大气的CSS前端框架,但着实杰出的框架唯有些多少个。

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

2.Foundation

Foundation是排在第二名的框架。ZURB那样抓牢的店铺间接支持着Foundation,所以这些框架有强劲的底子。Foundation现已用于好些个重型网址,包罗推特(Twitter),Mozilla,Ebay,Yahoo!和江山地理等。

创作者: ZURB
发行: 2011
眼下版本: 6.3.1
人气: GitHub上有25,400颗星
证实: “世界上开端进的响应式前端框架”
中央概念/原则: 途乐WD,移动端优先,语义。
框架大小: 197.5 KB
预处理器: Sass
响应式布局:是
模块化:是
起步模板/布局:是
Logo集: 基础Logo字体
外加/附加组件:是
非同小可的零件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
文书档案能源:突出,还恐怕有大多十分财富。
自定制:基本的GUI定制造进度序,类似于Bootstrap定制工具。
浏览器协助: Chrome,Firefox,Safari,IE9 ; iOS,Android,Windows Phone 7
许可证:MIT

Bootstrap

Bootstrap是最近可用框架中确确实实的决策者。其人气日益拉长,你能够放心的挑选这一个框架,而不要缅想项目会停业,因为具有布满利用基础的框架,不太只怕被撤销。

澳门新浦京娱乐场网站 8

创作者:Mark Otto和Jacob Thornton.

发行: 2011

脚下版本: 3.3.7

人气: GitHub上有111,000颗星

表达: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在互连网上付出响应式、移动的Web项目。

着力概念/原则:RWD和活动端优先。

框架大小: 154 KB

预管理器:Less和Sass

响应式布局:是

模块化:是

运营模板/布局:是

图标集:GlyphiconsHalflings设置

叠合/附属类小部件:无捆绑,繁多第三方插件可用。

极度组件: Jumbotron

文书档案财富:出色

自定制:基本GUI定制器。然而你必要手动输入颜色值,因为尚未颜色采取器可用。

浏览器协助: Firefox,Chrome,Safari,IE8 (您须求IE8的Respond.js)

许可证:MIT

Bootstrap说明

Bootstrap的普及流行是它的优势所在。在技​​术上,它不确定比列表中的别的框架越来越好,但它提供了比别的多个框架更加多的财富(小说和科目、第三方插件和壮大、核心营造器等)。简单的说,Bootstrap 无处不在,那是芸芸众生再三再四选用的主因。

正文将会比较之中多少个拔尖的框架。每一种框架都有温馨的优点和缺点,以及实际的应用领域,你能够根据自个儿的现实品种须求开展分选。其余,多数摘取都是模块化的,允许你仅使用所需的零件,以至足以勾兑使用来源差别框架的组件。

Notes on Semantic UI

Semantic 是这里斟酌的最立异和效能最周到的框架。在框架的完好协会和命名约定方面,也以显然的逻辑和语义类超越了别的框架。

5.UIkit

澳门新浦京娱乐场网站 9

UIkit 是三个轻便使用和定制的简短组件会集。固然与其竞争对手相比,受招待程度没那么高,然而它同样提供了同等的功用和材料。

* 所属:YOOtheme

* 公布时间: 二〇一一

* 当前版本: 3.0.0

* 受招待程度: 在 Github 收获 9,422 个点赞

* 描述: “三个轻量级模块化的前端框架,用于急迅支付庞大的 Web 分界面”

* 宗旨概念: XC60WD, 移动优先

* 框架谈到: 326.9 KB (384.4 KB 假如含有 uikit-icons.min.js 和血脉相通 SVG Logo时)

* 预管理器: Less, Sass

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* 图标集: UIkit 包罗自个儿的 SVG Logo系统和库

* 插件/扩展: Yes

* 独特组件: Article, Flex, Cover, HTML 艾德itor

* 文档: Good

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

* 浏览器援助: Chrome, Firefox, Safari, IE9

* 许可证: MIT

Foundation说明

Foundation是贰个当真的科班框架,提供专门的学业支撑、培养和练习和咨询。它还提供了不计其数能源来赞助你更加快更轻便地球科学习和选择该框架。

Foundation

Foundation是排在第二名的框架。ZURB如此这般抓好的市肆平昔协助着Foundation,所以这些框架有强有力的根基。Foundation现已用于多数特大型网址,包蕴推特(Twitter),Mozilla,Ebay,Yahoo!和国家地理等。

澳门新浦京娱乐场网站 10

创作者: ZURB

发行: 2011

时下版本: 6.3.1

人气: GitHub上有25,400颗星

表达: “世界上起始进的响应式前端框架”

大旨概念/原则: 昂CoraWD,移动端优先,语义。

框架大小: 197.5 KB

预管理器: Sass

响应式布局:是

模块化:是

运维模板/布局:是

图标集:基础Logo字体

额外/附加组件:是

至极的组件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

文书档案能源:卓绝,还应该有众多附加能源。

自定制:基本的GUI定制造进程序,类似于Bootstrap定制工具。

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

许可证:MIT

Foundation说明

Foundation是叁个的确的正规框架,提供工作支撑、培养和操练和咨询。它还提供了广大财富来赞助你更加快更轻易地球科学习和接纳该框架。

本文依靠各样框架的GitHub流行度来每家每户介绍。

4. Pure by Yahoo!

Pure是贰个轻量级的、模块化的框架,以纯CSS编写,它包罗十分的多零部件,你能够依据须要共同或独自使用它们。

澳门新浦京娱乐场网站 11

  • **创建者:  Yahoo**
  • 发布: 2013
  • 现阶段版本: 0.5.0
  • 人气: 在Github上有9,900 stars
  • 描述: “您能够在每一个web项目中应用的一组小的和响应式的CSS模块”
  • 主干概念/原则:SMACSS,极简的.
  • 框架大小: 18 KB
  • 预管理器:  None
  • 响应式: Yes
  • 模块化: Yes
  • 起来模板/布局: Yes
  • Logo设置: 没有,能够行使Font Awesome取代
  • 附加/插件: None
  • 出奇的零部件:None
  • 文档: 良好
  • 定制: 基本的GUI定制器。
  • 浏览器匡助:Firefox的新型版本, Chrome, Safari; IE7 ; iOS 6.x, 7.x; Android 4.x
  • 许可证: MIT

 6.Milligram

澳门新浦京娱乐场网站 12

Milligram 提供了极简样式设置,便于你飞速、简洁的展开建站之旅。纵然它不是一个 UI 框架,但它的统一筹划意见却是以提供精美的性质、高效的支出效用以及最少的习性重新初始化而创设的。同期,它也是轻量的,在 Gzip 压缩后,它唯有 2KB 大小。

7.AmazeUI

澳门新浦京娱乐场网站 13

3.Semantic UI

Semantic UI是八个语义化设计的前端开源框架。它采纳自然语言原理,从而使代码尤其可读和可知晓。

创作者: Jack Lukic
发行: 2013
当前版本: 2.2

人气: GitHub上有34,762颗星
证实: “基于自然语言原则的UI组件框架”。
基本概念/原则:Semantic, tag ambivalence, responsive。
框架大小: 806 KB
预管理器:少
响应式布局:是
模块化:是
启航模板/布局:是,并提供了一些着力的入门模板
图标集: Font Awesome
外加/附加组件:否
奇怪的部件:Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。
文书档案能源:非常好,Semantic提供了一个十一分有团体的文书档案,别的还应该有三个单独的网址提供入门指南、自定义和创设宗旨。
自定义:未有GUI定制器,唯有手动定制。
浏览器扶助: Firefox,Chrome,Safari,IE10 (仅IE9浏览器前缀),Android 4,Blackberry 10
许可证:MIT

Semantic UI

Semantic UI是二个语义化设计的前端开源框架。它选取自然语言原理,从而使代码越发可读和可领略。

澳门新浦京娱乐场网站 14

创作者:Jack Lukic

发行: 2013

时下版本: 2.2

人气: GitHub上有34,762颗星

表明: “基于自然语言原则的UI组件框架”。

宗旨概念/原则:Semantic, tag ambivalence, responsive。

框架大小: 806 KB

预处理器:少

响应式布局:是

模块化:是

启航航空模型型板/布局:是,并提供了部分主干的入门模板

图标集: Font Awesome

外加/附加组件:否

特种的构件:Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。

文书档案财富:非常好,Semantic提供了多少个极度有团体的文书档案,其它还大概有多少个单身的网址提供入门指南、自定义和创办宗旨。

自定义:没有GUI定制器,唯有手动定制。

浏览器帮助: Firefox,Chrome,Safari,IE10 (仅IE9浏览器前缀),Android 4,Blackberry 10

许可证:MIT

Semantic UI说明

Semantic是这里所争论的保有框架中,最具立异性和专职能的框架。其框架的总体布局、类中清楚逻辑的命名约定格局和语义方面也超过了其余框架。

Bootstrap

Notes on Pure

Pure只提供三个为主的风骨,使您的系列有一个根本的开端。对于专业中不须要一个全职能的框架只需求有一定的零部件的人的话是最优秀的。

Semantic UI说明

Semantic是这里所争辨的富有框架中,最具立异性和全职能的框架。其框架的一体化结构、类中清楚逻辑的命名约定方式和语义方面也超过了其他框架。

Pure

Pure是一种轻量级的模块化框架,接纳纯CSS编写,具备可依照须要一同利用或单独行使的零件。

澳门新浦京娱乐场网站 15

创作者:雅虎

发行: 2013

最近版本: 0.6.2

流行度: GitHub上有16,637颗星

表明: “一套小而灵活的CSS模块,能够在各样Web项目中运用。”

主导概念/原则:SMACSS,极简主义。

框架大小: 16 KB

预处理:无

响应式布局:是

模块化:是

起步模板/布局:是

Logo集:无。可以改用Font Awesome。

外加/附加组件:无

非常规组件:无

文书档案财富:很好

自定义:基本GUI皮肤生成器

浏览器辅助:最新版本的Firefox,Chrome,Safari; IE7 ; iOS 6.x,7.x; Android 4.x

许可证:Yahoo! Inc. BSD

Pure说明

Pure为你的门类提供了三个绝望的始发,只提供基本框架。对于不必要专职能框架但仅包括在其工作中的特定组件的人来讲,Pure是一个名特别减价的选料。

Bootstrap是时下可用框架中确实的经营管理者。其名气日益增进,你能够放心的取舍那么些框架,而不要担忧项目会倒闭,因为具备广阔采取基础的框架,不太大概被丢掉。

5. UIkit by YOOtheme

UIkit 是多个精简的框架,它轻松使用,易于定制组件。即便它不像别的竞争敌手同样受迎接,但它提供了平等的服从和材料。

澳门新浦京娱乐场网站 16

  • 创建者:   YOOtheme
  • 发布: 2013
  • 此时此刻版本: 2.13.1
  • 人气: 在Github上有3,800 stars
  • 描述: “贰个轻量级的和模块化的前端框架,用于急速支付和功用庞大的web接口。”
  • 大旨概念/原则:科雷傲WD, 手提式有线电话机优先.
  • 框架大小:  118 KB
  • 预管理器:  Less, Sass
  • 响应式: Yes
  • 模块化: Yes
  • 发端模板/布局: Yes
  • Logo设置: Font Awesome
  • 附加/插件: Yes
  • 出奇的组件: Article, Flex, Cover, HTML 艾德itor
  • 文档: 良好
  • 定制: 优秀的GUI定制器。
  • 浏览器辅助: Chrome, Firefox, Safari, IE9
  • 许可证: MIT

4.Pure

Pure是一种轻量级的模块化框架,接纳纯CSS编写,具备可依赖须要联合使用或独自使用的组件。

创作者:雅虎
发行: 2013
脚下版本: 0.6.2

流行度: GitHub上有16,637颗星
表达: “一套小而灵活的CSS模块,能够在各种Web项目中应用。”
主导概念/原则: SMACSS,极简主义。
框架大小: 16 KB
预处理:无
响应式布局:是
模块化:是
初叶模板/布局:是
图标集:无。能够改用Font Awesome。
外加/附加组件:无
特种组件:无
文书档案资源:很好
自定义:基本GUI皮肤生成器
浏览器帮忙:最新版本的Firefox,Chrome,Safari; IE7 ; iOS 6.x,7.x; Android 4.x
许可证: Yahoo! Inc. BSD

UIkit

UIkit是多少个便于使用和自定义的组件的凝练会集。固然它不像别的框架那样受迎接,但它提供了同等的职能和品质。

澳门新浦京娱乐场网站 17

创造者:YOOtheme

发行: 2013

日前版本: 3.0.0

人气:GitHub GitHub上有9,422颗星

表明: “用于开采连忙而强大的Web分界面包车型地铁轻量级和模块化的前端框架”。

着力概念/原则: XC90WD,移动端优先

框架大小: 326.9 KB(如若带有uikit-icons.min.js与SVGLogo相关的作用,则为384.4 KB )

预管理器:少,Sass

响应式布局:是

模块化:是

启航航空模型型板/布局:是

图标集: UIkit自带SVGLogo系统和类库,当中富含越多的总纲Logo。

额外/附加组件:是

特种的组件:Article, Flex, Cover, HTML 艾德itor

文件:好

自定义:高端GUI定制造进程序仅在版本2(以前的版本)中可用

浏览器援助: Chrome,Firefox,Safari,IE9

许可证:MIT

UIkit说明

UIkit成功选择在许多WordPress主题中。它提供了灵活和强有力的手动定制机制(从前版本的框架还提供了高等GUI定制造进程序)。

澳门新浦京娱乐场网站 18

Notes on UIkit

UIkit已经打响的在相当的多WordPress 大旨上采纳,它提供了多个灵活、庞大的定制化学工业机械制,也得以经过GUI定制器举行手动操作。

哪一个框架更合乎你?

末尾,在选拔妥当的框架方面,让本身给你某些见解,这里有一点点人命关天的业务供给小心:

  • 本条框架有丰富的人气吗?越来越大的广泛意味着更加多的人涉足那一个项目,因而,会有越多来自社区的课程和小说,越来越多真实的案例/网址,越多第三方扩展,与有关web开辟产品越来越好地结合。巨大的名气也表示框架不太会过时,终究一个负有巨大群众体育使用的框架是不太大概被丢弃的。
  • 这么些框架还在时时随地积极付出吗?二个好的框架是内需整合最新的网络技巧不断进级的,极其是有关移动方面包车型客车本领。
  • 本条框架已经成熟了啊?借使贰个框架尚未在其实项目和测试中央银行使,那么您能够放肆玩,但凭仗它做标准项目就不太明智了。
  • 其一框架提供非凡的文书档案吗?突出的文书档案总是能为您的就学进度提供有益。
  • 以此框架的特异性程度有多高?这里的要义是,相比较二个特殊程度高的框架,使用三个更通用的框架要轻巧得多。在超过四分之二景观下,最佳选用一个微小风格的框架,因为它更易于定制。比较重写或掩盖现存的平整,加多新的CSS规则是更方便人民群众和急忙的流水生产线。此外,假设您在现成框架的底部加多新规则,那么你将可能会留给一些不被选择的条条框框,那将大增不要求的CSS文件的高低。

终极,假如您依然不鲜明,能够运用混合搭配格局。假如二个特定的框架不满足你的供给,您能够从七个或五个以上的花色来勾兑组件。举个例子,你能够从二个框架得到非常的小的CSS样式基础从另一个框架获得三个能够的栅格系统,再从第七个框架得到更目眩神摇的零件。模块化万岁!:)

您的主见是哪些啊?那一个框架有如何长处和缺点是这里未有关联的呢?你认为还会有别的主题素材是相应被列出来的吧?在上面包车型大巴座谈中得以让大家识破。

赞 4 收藏 评论

Pure说明

Pure为您的品种提供了多个完完全全的初步,只提供基本框架。对于无需专职能框架但仅包罗在其工作中的特定组件的人的话,pures是八个美貌的精选。

哪些是最适合你的框架?

在甄选框架时,能够从以下几个地点挂念:

所选的框架有足够的人气吗?越多的人气意味着更加多的人踏足项目,也意味着有越来越多的学科和社区篇章、越来越多的实例和网址、越多的第三方扩充、更加好的相干的Web产品可与其集成。受应接程度也象征框架更具前瞻性,因为具备更加大社区的框架不太可能被废弃。

框架是还是不是正在主动提高?三个好的框架供给不断地利用最新的web工夫,极其是在移动端方面。

框架是还是不是达到规定的规范成熟?要是一个特定的框架在实际项目中还未有被应用和测试,那么将其用来你的标准项目,大概不是一个精明的挑三拣四。

框架是或不是提供了精粹的文书档案?为了便于学习进程,总是需求优异的文书档案。

框架的特异性是怎么着?这里的要领是,与全体高等别特异性的框架比较,更通用的框架更易于选择。在大繁多景色下,最棒选用三个使用最小样式的框架,因为它更易于自定义。与重写现存的CSS规则比较,加多新的CSS规则是贰个更便于有效的做法。

倘使你还不鲜明使用哪个框架,那么能够选取混搭的秘技。当有些特定的框架不可能满足你的必要时,能够勾兑使用七个或八个品类的组件。

终极值得说的是,以后Flexbox和Grid Layout在主流浏览器的新型版本中收获很好的扶助,比往常其余时候都更便于营造复杂的布局。那恐怕会鼓励更加多的开荒职员放任前端框架,从头初阶编写他们自个儿想要的布局。

原作链接:

转发请表明来源:蒲陶城控件

关于赐紫樱珠城

山葫芦城是全世界控件行当老董,世界超过的公司应用定制工具、公司报表和商业智能消除方案提供商,为高出60%的海内外能源500强集团提供劳务。

创作者: Mark Otto 和 Jacob Thornton.

至于笔者:kinolee

澳门新浦京娱乐场网站 19

新浪天涯论坛:@木冬虫夏草 个人主页 · 小编的篇章 · 12

澳门新浦京娱乐场网站 20

5.UIkit

UIkit是四个轻松使用和自定义的组件的洗练集结。固然它不像任何框架那样受接待,但它提供了一样的职能和品质。

创造者: YOOtheme
发行: 2013
日前版本: 3.0.0
人气:GitHub GitHub上有9,422颗星
表达: “用于支付急速而庞大的Web分界面包车型大巴轻量级和模块化的前端框架”。
主题概念/原则: 哈弗WD,移动端优先
框架大小: 326.9 KB(固然含有uikit-icons.min.js与SVGLogo相关的功能,则为384.4 KB )
预管理器:少,Sass
响应式布局:是
模块化:是
开发银行模板/布局:是
Logo集: UIkit自带SVGLogo系统和类库,在那之中包含越来越多的纲领Logo。
额外/附加组件:是
极度的零件:Article, Flex, Cover, HTML Editor
文件:好
自定义:高等GUI定制造进程序仅在版本2(此前的本子)中可用
浏览器扶助: Chrome,Firefox,Safari,IE9
许可证:MIT

发行: 2011

UIkit说明

UIkit成功采纳在众多WordPress宗旨中。它提供了灵活和强大的手动定制机制(在此以前版本的框架还提供了高档GUI定制造进程序)。

现阶段版本: 3.3.7

怎么着是最适合你的框架?

在增选框架时,能够从以下多少个地方思量:

所选的框架有充裕的人气吗?更加的多的人气意味着越多的人踏足项目,也表示有更加多的科目和社区篇章、更加多的实例和网址、愈来愈多的第三方扩张、越来越好的连锁的Web产品可与其集成。受接待程度也意味框架更具前瞻性,因为具有越来越大社区的框架不太也许被放任。
框架是不是正在积极进步?二个好的框架要求不断地接纳最新的web工夫,极度是在移动端方面。

框架是还是不是达到规定的标准成熟?假如一个特定的框架在实际项目中还并未有被应用和测试,那么将其用来你的标准项目,可能不是多个精明的抉择。

框架是或不是提供了可观的文书档案?为了便于学习进度,总是必要优良的文书档案。

框架的特异性是何等?这里的中央观念是,与全体高等别特异性的框架相比,更通用的框架更易于接纳。在大许多场地下,最棒选用二个行使最小样式的框架,因为它更易于自定义。与重写现成的CSS规则比较,增添新的CSS规则是二个更有益于实用的做法。

倘若你还不鲜明使用哪个框架,那么能够运用混搭的诀窍。当某些特定的框架不能满足你的须要时,能够勾兑使用四个或多少个品种的组件。

最终值得一说的是,后日Flexbox和Grid Layout在主流浏览器的流行版本中拿走很好的帮助,比在此之前别的时候都更便于创设复杂的布局。那说不定会鼓励更加的多的开拓人员放弃前端框架,从头开始编写他们友善想要的布局。


如上为民用思想,如有雷同,纯属巧合,招待大家多提意见!Bey 了 个 Bey ~

人气: GitHub上有111,000颗星

表明: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在互联网上付出响应式、移动的Web项目。

中央概念/原则: QX56WD和活动端优先。

框架大小: 154 KB

预管理器: Less和Sass

响应式布局:是

模块化:是

开发银行模板/布局:是

图标集: Glyphicons Halflings设置

外加/附属类小部件:无捆绑,大多第三方插件可用。

特殊组件: Jumbotron

文书档案能源:优良

自定制:基本GUI定制器。可是你供给手动输入颜色值,因为从没颜色选拔器可用。

浏览器补助: Firefox,Chrome,Safari,IE8 (您须要IE8的Respond.js)

许可证: MIT

Bootstrap说明

Bootstrap的广大流行是它的优势所在。在手艺上,它不必然比列表中的别的框架越来越好,但它提供了比其余三个框架更加多的财富(文章和课程、第三方插件和扩大、核心营造器等)。简单来说,Bootstrap 无处不在,那是芸芸众生继续选取的根本原因。

Foundation

Foundation是排在第二名的框架。ZURB那样抓好的商铺直接援救着Foundation,所以那些框架有强劲的基本功。Foundation现已用于多数种型网址,包蕴推特(TWTR.US),Mozilla,Ebay,Yahoo!和国度地理等。

澳门新浦京娱乐场网站 21

创作者: ZURB

发行: 2011

当下版本: 6.3.1

人气: GitHub上有25,400颗星

表明: “世界上初步进的响应式前端框架”

主导概念/原则: 汉兰达WD,移动端优先,语义。

框架大小: 197.5 KB

预管理器: Sass

响应式布局:是

模块化:是

启航航空模型型板/布局:是

澳门新浦京娱乐场网站,Logo集: 基础Logo字体

外加/附加组件:是

非常的零件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

文书档案财富:杰出,还会有许多外加能源。

自定制:基本的GUI定制造进程序,类似于Bootstrap定制工具。

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

许可证:MIT

Foundation说明

Foundation是叁个着实的正规化框架,提供业务支撑、培养和演练和提问。它还提供了众多财富来增加援救您越来越快更自在地球科学习和动用该框架。

Semantic UI

Semantic UI是三个语义化设计的前端开源框架。它应用自然语言原理,从而使代码尤其可读和可理解。

澳门新浦京娱乐场网站 22

创作者: Jack Lukic

发行: 2013

当前版本: 2.2

人气: GitHub上有34,762颗星

证实: “基于自然语言原则的UI组件框架”。

主干概念/原则:Semantic, tag ambivalence, responsive。

框架大小: 806 KB

预管理器:少

响应式布局:是

模块化:是

起头模板/布局:是,并提供了有的着力的入门模板

图标集: Font Awesome

外加/附加组件:否

优秀的部件:Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。

文书档案能源:相当好,Semantic提供了三个百般有集体的文书档案,别的还或者有贰个独门的网址提供入门指南、自定义和成立大旨。

自定义:未有GUI定制器,唯有手动定制。

浏览器支持: Firefox,Chrome,Safari,IE10 (仅IE9浏览器前缀),Android 4,Blackberry 10

许可证:MIT

Semantic UI说明

Semantic是这里所商量的具有框架中,最具立异性和兼职能的框架。其框架的完全布局、类中明晰逻辑的命名约定格局和语义方面也当先了别样框架。

Pure

Pure是一种轻量级的模块化框架,采纳纯CSS编写,具备可依照须求联合行使或独自使用的零部件。

澳门新浦京娱乐场网站 23

创作者:雅虎

发行: 2013

脚下版本: 0.6.2

流行度: GitHub上有16,637颗星

表达: “一套小而灵活的CSS模块,能够在各种Web项目中应用。”

主干概念/原则: SMACSS,极简主义。

框架大小: 16 KB

预处理:无

响应式布局:是

模块化:是

启航航空模型型板/布局:是

Logo集:无。能够改用Font Awesome。

额外/附加组件:无

特别组件:无

文书档案财富:很好

自定义:基本GUI皮肤生成器

浏览器协助:最新版本的Firefox,Chrome,Safari; IE7 ; iOS 6.x,7.x; Android 4.x

许可证: Yahoo! Inc. BSD

Pure说明

Pure为你的档次提供了四个绝望的启幕,只提供基本框架。对于无需全职能框架但仅包涵在其行事中的特定组件的人来讲,pures是多个绝妙的接纳。

UIkit

UIkit是三个轻松使用和自定义的零部件的洗练集结。纵然它不像任何框架那样受迎接,但它提供了坚持的意义和品质。

澳门新浦京娱乐场网站 24

创造者: YOOtheme

发行: 2013

当前版本: 3.0.0

人气:GitHub GitHub上有9,422颗星

表达: “用于支付飞快而有力的Web分界面包车型大巴轻量级和模块化的前端框架”。

主干概念/原则: QX56WD,移动端优先

框架大小: 326.9 KB(借使含有uikit-icons.min.js与SVGLogo相关的功效,则为384.4 KB )

预管理器:少,Sass

响应式布局:是

模块化:是

起步模板/布局:是

Logo集: UIkit自带SVGLogo系统和类库,在那之中涵盖越来越多的纲领Logo。

外加/附加组件:是

破例的机件:Article, Flex, Cover, HTML Editor

文件:好

自定义:高端GUI定制程序仅在版本2(从前的本子)中可用

浏览器支持: Chrome,Firefox,Safari,IE9

许可证:MIT

UIkit说明

UIkit成功接纳在广大WordPress宗旨中。它提供了灵活和强有力的手动定制机制(在此以前版本的框架还提供了尖端GUI定制造进程序)。

哪些是最契合您的框架?

在甄选框架时,能够从以下多少个方面思量:

所选的框架有丰裕的人气吗?越多的名气意味着更加的多的沙参加项目,也代表有越来越多的科目和社区篇章、越来越多的实例和网址、更加多的第三方扩充、更加好的相干的Web产品可与其集成。受迎接程度也象征框架更具前瞻性,因为有着更加大社区的框架不太只怕被撇下。

框架是还是不是正在主动上进?贰个好的框架要求不停地利用最新的web技艺,特别是在移动端方面。

框架是或不是达到规定的规范成熟?若是叁个特定的框架在切切实实项目中还未有被接纳和测试,那么将其用来你的正规项目,恐怕不是二个明智的挑三拣四。

框架是还是不是提供了独具特殊的优越条件的文书档案?为了便于学习进度,总是必要能够的文书档案。

框架的特异性是哪些?这里的要领是,与有着高档别特异性的框架相比较,更通用的框架更易于接纳。在大部意况下,最佳选用三个应用最小样式的框架,因为它更易于自定义。与重写现成的CSS规则比较,增添新的CSS规则是一个更有益实用的做法。

假设您还不鲜明使用哪个框架,那么可以使用混合着搭配的方法。当有些特定的框架无法知足你的需要时,能够勾兑使用多少个或三个品类的零部件。

最后值得一提的是,今后Flexbox和Grid Layout在主流浏览器的风行版本中赢得很好的支撑,比从前其余时候都更易于创设复杂的布局。那也许会鼓励越来越多的开荒职员放弃前端框架,从头起先编写他们友善想要的布局。

澳门新浦京娱乐场网站 25



本文由澳门新浦京娱乐场网站发布于新浦京娱乐场官网,转载请注明出处:二零一五年5个最盛行前端框架相比较,最受招待