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

作者: 前端知识  发布:2019-06-25

Notes on Foundation

Foundation 是三个提供业务支撑、培训和提问真正标准的框架。它还提供了广大能源扶持您更加快和更易于学习和平运动用框架。

 6.Milligram

图片 1

Milligram 提供了极简样式设置,便于你快速、简洁的张开建站之旅。固然它不是三个 UI 框架,但它的宏图意见却是以提供不错的质量、高效的开支效能以及最少的性质重新载入参数而构建的。同不常间,它也是轻量的,在 Gzip 压缩后,它唯有 2KB 大小。

7.AmazeUI

图片 2

有关作者:kinolee

图片 3

新浪腾讯网:@木冬虫夏草 个人主页 · 作者的稿子 · 12

图片 4

5.UIkit

图片 5

UIkit 是三个轻巧使用和定制的简约组件集结。固然与其竞争对手比较,受应接程度没那么高,可是它一律提供了同样的效果和材料。

* 所属:YOOtheme

* 公布时间: 二〇一一

* 当前版本: 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 Logo系统和库

* 插件/扩展: Yes

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

* 文档: Good

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

* 浏览器帮忙: Chrome, Firefox, Safari, IE9

* 许可证: MIT

Notes on UIkit

UIkit已经成功的在许多WordPress 宗旨上行使,它提供了贰个心灵手巧、壮大的定制化学工业机械制,也能够透过GUI定制器举行手动操作。

哪二个框架更合乎你?

说起底,在接纳适用的框架方面,让自己给你有些思想,这里有一对首要的作业须求专注:

  • 本条框架有丰富的人气吗?更加大的分布意味着更加的多的人涉足这一个类型,由此,会有越多来自社区的课程和小说,越来越多真实的案例/网址,更加多第三方扩大,与有关web开荒产品越来越好地构成。巨大的名气也代表框架不太会过时,毕竟一个具有巨大群体使用的框架是不太大概被放任的。
  • 这几个框架还在不停积极开拓吗?几个好的框架是亟需整合新型的互联网技能不断晋升的,特别是有关移动方面包车型客车技巧。
  • 那一个框架已经成熟了呢?假若叁个框架尚未在实质上项目和测试中动用,那么你可以轻便玩,但依靠它做专门的学问项目就不太明智了。
  • 本条框架提供优良的文书档案吗?优异的文书档案总是能为你的上学进程提供方便人民群众。
  • 那一个框架的特异性程度有多高?这里的要点是,相比叁个独特程度高的框架,使用一个更通用的框架要便于得多。在大部状态下,最佳选择一个纤维风格的框架,因为它更便于定制。比较重写或掩盖现存的规则,加多新的CSS规则是更有利和飞跃的流程。其余,假使您在存活框架的头顶加多新规则,那么您将也许会留下一些不被选择的平整,那将净增不要求的CSS文件的大大小小。

最后,如若你依然不明确,能够采纳混合搭配格局。如若三个特定的框架不满意你的内需,您能够从四个或八个以上的类型来勾兑组件。比如,你能够从三个框架获得极小的CSS样式基础从另多个框架获得二个卓绝的栅格系统,再从第八个框架获得更眼花缭乱的零件。模块化万岁!:)

您的主见是何许啊?那一个框架有如何长处和缺陷是这里未有关系的呢?你感觉还大概有其它标题是理所应当被列出来的吧?在上面包车型地铁座谈中得以让大家深知。

赞 4 收藏 评论

自家采用的那一个框架是依附它们在 Github 的受迎接程度来的,而最受接待的早晚是 Bootstrap。

二〇一五年5个最风靡前端框架比较

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

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

近日一代众多CSS的前端框架纷涌而至,但真正的精美的却不多。

在那篇小说中我们将对本人觉着最佳的三个框架举行比较,每种框架都有温馨优缺点和特定的应用领域,那允许你依据特定项目标供给选取稳当的框架。举例,若是您的门类相比简单,你就无需复杂的框架,别的,许多挑选是模块化的,那允许你仅使用你须求的组件,恐怕夹杂使用差异框架的零部件。

咱俩要探讨的框架都以依附其在github上的名气体现的,首先说最风靡的,当然是:Bootstrap。

(注意:上面包车型地铁一些新闻在今后的几周和几月后就过时了,如:GitHub 上的评分(Stars)和本子数,因此只要你是在那篇小说发表很久未来阅读的话,你要求专注那一点。其它,还要注意框架大小是不是将要求的CSS和JS文件最小化。)

4.Pure

Pure 是二个轻量级、模块化的框架,使用纯 CSS 编写,其包蕴的兼具组件都足以在联合签字或许独立使用。

图片 6

* 所属: Yahoo

* 公布时间: 二〇一一

* 当前版本: 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

3. Semantic UI

Semantic UI 经过长年累月的拼命,致力于能够以更语义化的不二诀要创设网址。它采纳自然语言的条件,使代码更可读,更易于明白。

图片 7

  • 创建者: 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

2.Foundation

Foundation 在那份列表中是第二公投择。该框架有多个实在有力、而且很棒的根基。别的,有广大大网址在利用该框架,包涵:推特, Mozilla, Ebay, Yahoo! 以及国家地理杂志等等。

图片 8

* 所属: ZURB

* 公布时间: 二零一三

* 当前时间:6.3.1

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

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

* 宗旨概念: 中华VWD, 移动优先,语义化

* 框架体量: 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 在未来风靡的各个框架中是毋庸置疑的老大。鉴于其每一天仍在坚实的贤人名气,能够料定,这么些赏心悦目标工具相对不会令你失望,它也不会在您成功创立网址前就离开你到远方。

图片 9

  • 创建者: 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 项目

图片 10

* 作者:Mark Otto and Jacob Thornton

* 发表时间: 二零一一

* 当前版本: 3.3.7

* 分布程序: 在 Github 上得到 111,000 个点赞

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

* 大旨概念:PAJEROWD 以及运动优先

* 框架体积: 154 KB

* 预管理器:Less and Sass

* 响应式: Yes

* 模块化: Yes

* 帮衬模板和布局?: Yes

* 图标集:Glyphicons Halflings set

* 插件/扩充: 未有绑定,可是洋洋第三方的能够选用

* 独特的机件: Jumbotron

* 文档: Good

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

* 浏览器援救: Firefox, Chrome, Safari, IE8 (IE 8 须要 Respond.js )

* 许可证:MIT

本文由金沙澳门官网发布于前端知识,转载请注明出处:最受欢迎的7个前端UI框架,2014年5个最流行前端框

关键词: 金沙澳门官网

上一篇:如何准备前端开发者面试
下一篇:没有了