2014年5个最流行前端框架比较

二零一五年5个最流行前端框架相比

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

本文由 伯乐在线 –
kinolee
翻译,JustinWu
校稿。未经许可,禁止转发!
克罗地亚(Croatia)语出处:www.sitepoint.com。应接参加翻译组。

今昔一代众多CSS的前端框架纷涌而至,但着实的好好的却硕果仅存。

在那篇小说中我们将对自家觉着最佳的七个框架进行比较,各类框架都有投机优劣点和特定的应用领域,那允许你根据特定项目标要求选拔适合的框架。例如,若是您的品类相比简单,你就无需复杂的框架,另外,多数摘取是模块化的,那允许你仅使用你必要的组件,大概夹杂使用分化框架的零部件。

咱俩要钻探的框架都以基于其在github上的人气展现的,首先说最流行的,当然是:Bootstrap。

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

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
  • 图标设置: Glyphicons Halflings set
  • 附加/插件: 未有捆绑插件,但为数相当多第三方插件可用.
  • 极其规的机件: Jumbotron
  • 文档: 良好
  • 定制: 基本的GUI定制器。不幸的是,你须要手动输入的水彩值,因为未有可用的颜料选取器。
  • 浏览器协助: Firefox, Chrome, Safari, IE8+
    (你需要 Respond.js for IE8)
  • 许可证: MIT

Notes
on Bootstrap

  •  Bootstrap 的重要优点是它特别流行。从技艺上讲,它并不一定比此番列出来的其他框架好,但它提供的财富(小说和学科、第三方插件和增加、主题开采者等等)比别的三个框架的总和还要多。一言以蔽之,Bootstrap无处不在。那是公众继续选取它的注重原因。
  • (注意:“独特的零件”的意思是,比较这里涉及的其余框架是无比的。)

2. Foundation by ZURB

Foundation是那多少个框架中第二大的,在像ZURB同样实力富厚的店肆帮忙下,这么些框架确实很强劲,是的,正是foundation。究竟, Foundation已经在相当的多重型网站上投入使用,包含 脸谱(TWT福睿斯.US),
Mozilla, Ebay, Yahoo!和国家地理等等。

图片 2

  • 创建者: ZURB
  • 发布: 2011
  • 脚下版本:5.4.7
  • 人气: 在Github上有18,000+ stars
  • 描述: “世界上最地道的响应式前端框架”
  • 骨干概念/原则: RWD 、手提式无线电话机优先、语义的
  • 框架大小: 326KB
  • 预管理器: Sass
  • 响应式: Yes
  • 模块化: Yes
  • 发端模板/布局: Yes
  • 图标设置: Foundation Icon
    Fonts
  • 附加/插件: yes
  • 非常规的零部件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes,
    Joyride, Pricing Tables
  • 文档:2014年5个最流行前端框架比较。 特出,还应该有许多额外的能源是可用的。
  • 定制: 未有GUI编辑器,只可以手工业定制。
  • 浏览器援助: Chrome, Firefox, Safari, IE9+; iOS, Android,
    Windows Phone 7+
  • 许可证: MIT

2014年5个最流行前端框架比较。Notes on Foundation

Foundation 是叁个提供业务支撑、培养和磨炼和咨询真正标准的框架。它还提供了许多能源扶持您更加快和更便于学习和平运动用框架。

3. Semantic UI

Semantic
UI 经过日久天长的大力,致力于能够以更语义化的法门营造网址。它采取自然语言的法规,使代码更可读,更易于掌握。

图片 3

  • 创建者: Jack Lukic
  • 发布:2013
  • 脚下版本:1.2.0
  • 人气: 在Github上有12,900+ stars
  • 描述: “基于自然语言有效标准的UI组件框架”
  • 基本概念/原则: 语义,标签的龃龉性、响应式
  • 框架大小: 552KB
  • 预管理器: Less
  • 2014年5个最流行前端框架比较。响应式: 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

2014年5个最流行前端框架比较。Notes on Semantic UI

塞马ntic 是这里钻探的最革新和效果与利益最周详的框架。在框架的总体结议和命名约定方面,也以清晰的逻辑和语义类超越了别的框架。

4. Pure by Yahoo!

Pure是三个轻量级的、模块化的框架,以纯CSS编写,它归纳广大组件,你能够依据需求一块或独立行使它们。

图片 4

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

Notes on Pure

Pure只提供三个为主的品格,使您的体系有贰个根本的初阶。对于职业中无需三个专职能的框架只须要有一定的零件的人来讲是最出彩的。

5. UIkit by YOOtheme

UIkit 是三个简短的框架,它轻巧使用,易于定制组件。就算它不像任何竞争对手同样受迎接,但它提供了同一的遵守和质量。

图片 5

  • 创建者:   YOOtheme
  • 发布: 2013
  • 眼前版本: 2.13.1
  • 人气: 在Github上有3,800+ stars
  • 描述: “二个轻量级的和模块化的前端框架,用于快捷支付和功效强大的web接口。”
  • 主干概念/原则:F12berlinettaWD, 手提式有线话机优先.
  • 框架大小:  118 KB
  • 预管理器:  Less, Sass
  • 响应式: Yes
  • 模块化: Yes
  • 开班模板/布局: Yes
  • Logo设置: Font Awesome
  • 附加/插件: Yes
  • 特种的零部件: Article, Flex, Cover, HTML Editor
  • 文档: 良好
  • 定制: 优秀的GUI定制器。
  • 浏览器帮忙: Chrome, Firefox, Safari, IE9+
  • 许可证: MIT

Notes on UIkit

UIkit已经打响的在相当多WordPress
核心上运用,它提供了二个灵活、庞大的定制化学工业机械制,也能够因而GUI定制器举行手动操作。

哪三个框架更切合你?

谈到底,在挑选合适的框架方面,让本身给你某些思想,这里有一部分根本的职业必要专注:

  • 其一框架有丰富的名气吗?更加大的普遍意味着更加的多的人涉足那么些类型,由此,会有越来越多来自社区的学科和小说,更加多真实的案例/网址,更多第三方扩张,与有关web开垦产品更加好地组成。巨大的人气也意味着框架不太会过时,毕竟二个独具巨大群众体育使用的框架是不太或然被抛弃的。
  • 以此框架还在不断积极开辟吗?贰个好的框架是亟需组合新型的网络手艺不断晋升的,特别是有关移动方面包车型大巴本事。
  • 其一框架已经成熟了吧?即使三个框架尚未在实质上项目和测量检验中选用,那么您能够自便玩,但借助它做正规项目就不太明智了。
  • 这几个框架提供不错的文书档案吗?突出的文书档案总是能为你的上学进度提供低价。
  • 其一框架的特异性程度有多高?这里的要点是,比较三个例外程度高的框架,使用三个更通用的框架要轻便得多。在大多景观下,最佳接纳三个微小风格的框架,因为它更易于定制。相比较重写或遮蔽现成的条条框框,增多新的CSS法则是更实惠和连忙的流水生产线。别的,如若你在存活框架的尾部增多新准绳,那么您将大概会留给一些不被利用的条条框框,那将追加不供给的CSS文件的大大小小。

终极,假令你依然不鲜明,能够使用混合着去搭配格局。借使七个一定的框架不满意你的内需,您能够从三个或七个以上的类别来勾兑组件。比如,你能够从叁个框架得到一点都不大的CSS样式基础从另一个框架获得二个不错的栅格系统,再从第七个框架获得更复杂的组件。模块化万岁!:)

你的主见是怎么呢?这么些框架有什么长处和劣点是这里没有涉嫌的啊?你感到还也是有任何主题素材是应有被列出来的吗?在上边包车型地铁座谈中得以让我们获悉。

赞 4 收藏
评论

至于小编:kinolee

图片 6

乐乎新浪:@木冬虫夏草
个人主页 ·
小编的稿子 ·
12

图片 7

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图