新浦京81707con > 首页 > 最受欢迎的7个前端UI框架,最流行的5个前端框架

原标题:最受欢迎的7个前端UI框架,最流行的5个前端框架

浏览次数:109 时间:2019-05-02

201四年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。

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上付出的第3个活动项目.”
  • 着力概念/原则: RWD 和移动优先
  • 框架大小: 145 KB
  • 预管理器: Less 和 Sass
  • 响应式: Yes
  • 模块化: Yes
  • 伊始模板/布局: Yes
  • 图标设置: 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

* 发布时间: 2011

* 当前版本: 叁.三.7

* 普遍程序: 在 Github 上获取 11一,000 个点赞

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

* 主题概念:福睿斯WD 以及活动优先

* 框架体量: 154 KB

* 预管理器:Less and Sass

* 响应式: Yes

* 模块化: Yes

* 帮衬模板和布局?: Yes

* 图标集:Glyphicons Halflings set

* 插件/增添: 未有绑定,可是洋洋第二方的能够选择

* 独特的机件: Jumbotron

* 文档: Good

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

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

* 许可证:MIT


2. Foundation by ZURB

Foundation是这个框架中第二大的,在像ZURB同样实力富厚的市肆帮衬下,那么些框架确实很有力,是的,正是foundation。毕竟, Foundation已经在大多特大型网址上投入使用,包含 推文(Tweet), Mozilla, Ebay, Yahoo!和国度地理等等。

图片 3

  • 创建者: ZURB
  • 发布: 2011
  • 脚下版本:伍.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 在那份列表中是第三公投取。该框架有三个着实有力、而且很棒的根底。其余,有过多大网址在使用该框架,包括:Facebook, Mozilla, Ebay, Yahoo! 以及国家地理杂志等等。

图片 4

* 所属: ZURB

* 发表时间: 201一

* 当前时刻:陆.叁.一

* 受接待程度: 在 Github 收获 二五,400 个点赞

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

* 大旨概念: 昂CoraWD, 移动优先,语义化

* 框架体积: 1玖7.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, IE玖 ; iOS, Android, Windows Phone 柒

* 许可证: MIT

1.Bootstrap

Bootstrap是近日可用框架中一清二楚的领导。其人气日益增进,你能够放心的抉择那一个框架,而不需求顾忌项目会倒闭,因为兼具大规模选择基础的框架,不太大概被遗弃。

Notes on Foundation

Foundation 是叁个提供专业支撑、培养和练习和咨询真正规范的框架。它还提供了多数能源协理你更加快和更便于学习和采取框架。

3.Semantic UI

Semantic UI 一直在不断进步,创设更具语义的 Web 网址。其应用自然语言原则,使得代码特别富有可读性和易于掌握。Semantic UI是最具立异以及全职能的框架。框架的欧洲经济共同体布局和命名都有明显的逻辑和语义,在那上边碾压其余框架。

图片 5

* 作者:Jack Lukic

* 宣布时间: 20一三

* 当前版本: 二.二

* 受迎接程度: 在 Github 上获得 3四,762 个赞

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

* 主题概念: 语义、标签、响应式

* 框架聊到: 80陆 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 四, Blackberry 十

* 许可证: MIT

Bootstrap说明

Bootstrap的大面积流行是它的优势所在。在手艺上,它不自然比列表中的别的框架越来越好,但它提供了比别的三个框架更加多的能源(文章和学科、第叁方插件和扩大、主旨构建器等)。简单的说,Bootstrap 无处不在,那是人们继续采用的首要性缘由。

创作者: Mark Otto 和 Jacob Thornton.
发行: 2011
现阶段版本: 三.3.7
人气: GitHub上有111,000颗星
表明: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在互联网上付出响应式、移动的Web项目。
核心概念/原则: 路虎极光WD和平运动动端优先。
框架大小: 154 KB
预管理器: Less和Sass
响应式布局:是
模块化:是
开头模板/布局:是
图标集: Glyphicons Halflings设置
叠加/附属类小部件:无捆绑,多数第二方插件可用。
尤其组件: Jumbotron
文书档案能源:出色
自定制:基本GUI定制器。可是你要求手动输入颜色值,因为尚未颜色选拔器可用。
浏览器支持: Firefox,Chrome,Safari,IE8 (您须要IE八的Respond.js)
许可证: MIT

3. Semantic UI

Semantic UI 经过多年的大力,致力于能够以更语义化的艺术营造网址。它应用自然语言的规则,使代码更可读,更便于精通。

图片 6

  • 创建者: Jack Lukic
  • 发布:2013
  • 日前版本:壹.二.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.
  • 文档: 非凡好。塞马ntic提供了一个很好的团协会文书档案,还有三个提供入门指南,定制和创办核心单独的网址,。
  • 定制: 未有GUI定制器,只好手工业定制。
  • 浏览器协助:Firefox, Chrome, Safari, IE拾 (IE9 with browser prefix only), Android 四, Blackberry 拾
  • 许可证: MIT

4.Pure

Pure 是3个轻量级、模块化的框架,使用纯 CSS 编写,其蕴涵的保有组件都得以在联合具名或许独立采用。

图片 7

* 所属: Yahoo

* 发表时间: 20一叁

* 当前版本: 0.陆.贰

* 受迎接程度: 在 Github 收获 1陆,六3七 个点赞

*  描述: “1组小的、响应式的 CSS 模块,能够用来任1 Web 项目”

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

* 框架提起: 1陆 KB

* 预管理器: None

* 响应式: Yes

* 模块化: Yes

* 模板/布局: Yes

* 图标集合: 无,你可以行使 Font Awesome .

* 插件/扩展: None

* 独特组件: None

* 文档: 好

* 定制: 基本的 GUI 皮肤构建器

* 浏览器支持: Latest versions of Firefox, Chrome, Safari; IE7 ; iOS 陆.x, 7.x; Android 四.x

* 许可证:Yahoo! Inc. BSD

2.Foundation

Foundation是排在第三名的框架。ZURB那样加强的商场直接补助着Foundation,所以那个框架有无往不胜的功底。Foundation现已用于大多大型网址,蕴含推特(TWTR.US),Mozilla,Ebay,Yahoo!和国度地理等。

创作者: ZURB
发行: 2011
时下版本: 陆.三.壹
人气: GitHub上有25,400颗星
说明: “世界上初叶进的响应式前端框架”
基本概念/原则: 奥迪Q7WD,移动端优先,语义。
框架大小: 19柒.伍 KB
预管理器: Sass
响应式布局:是
模块化:是
开发银行模板/布局:是
Logo集: 基础Logo字体
额外/附加组件:是
独特的零部件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
文书档案能源:出色,还有众多卓殊财富。
自定制:基本的GUI定制程序,类似于Bootstrap定制工具。
浏览器援救: Chrome,Firefox,Safari,IE玖 ; iOS,Android,Windows Phone 七
许可证:MIT

本文由新浦京81707con发布于首页,转载请注明出处:最受欢迎的7个前端UI框架,最流行的5个前端框架

关键词: 新浦京81707con CSS 日记本

上一篇:利用分层优化,使用分层画布来优化HTML5渲染的教

下一篇:没有了