细数2014年5个最流行的前端框架

原文

图片[1]-细数2014年5个最流行的前端框架-JieYingAI捷鹰AI

@寸志 :现如今快要被各种各样的 CSS 前端框架给淹没了,真做的不错的其实也就那么几个。本文将对比五个我认为是现在最好的框架。这些框架每一个都有自己的优缺点和适用的应用类型, 你需要根据自己的需要来选择不同的框架。

例如,如果你的项目简单,就不需要使用一个复杂的框架。又或者,很多框架都是模块化的,你可以只是用你需要的模块,或者把不同框架的模块混到一起使用。

跟上潮流,来个响应式网站: 《重磅来袭!设计师不应该错过的响应式设计框架》

我将要介绍的这些框架的顺序与它们在 GitHub 的流行程度有关。自然,就是从最流行的 Bootstrap 说起。

提示:在接下的几周或者几个月内,下面的一些信息很可能会过时。比如 GitHub 上的 star 数、版本号等等。如果你在文章发布很久之后来读本文的话,一定别忘了这一点。还有,下面这些框架的大小指的是经过压缩的必要的 CSS 和 JavaScript 文件大小。

Bootstrap

Bootstrap 无疑地是目前这些类库的领跑者。它非常流行,流行程度还在一天天的增加。这个令人赞叹的工具集不会让你失望的,在你构建成功站点之路上少不了它。

图片[2]-细数2014年5个最流行的前端框架-JieYingAI捷鹰AI

Bootstrap 使用心得

Bootstrap 最大的优势就是它非常流行。从技术上讲,它并不是比其他在列框架要优秀。只是它有很多资源(文章、教程、第三方插件和扩展以及主题构造器等等),比起其他 四个框架合到一起还要多。简单地讲,Bootstrap 就是无处不在。这也是大家继续使用它的原因。

提示:当我说“特色”的组件,这种特色就是针对目前列出的这些框架而言的。

Foundation(ZURB)

Foundation 是这个领域的第二大玩家。拥有像 ZURB 这样的公司在背后支持,不得不说它确实有一个非常坚实的基础。总之,Foundation 被很多大的网站采用。包括 Facebook、Mozilla、Ebay、Yahoo 以及 National Geographic 等等。

图片[3]-细数2014年5个最流行的前端框架-JieYingAI捷鹰AI

Foundation 使用心得

Foundation 的确是一个非常专业的框架,有商业的支持、培训以及外包。它同时还提供很多资源,帮助你更加快速更加容易地学习和使用这个框架。

Semantic UI

Semantic UI 一直在努力让网站建设更加语义化。它利用了自然语言的原则,使得代码更容易读更容易理解。

图片[4]-细数2014年5个最流行的前端框架-JieYingAI捷鹰AI

Semantic UI 使用心得

在这些框架中,Semantic 是最具革命性特性最全的框架。为了让样式逻辑清晰,语义化,整个框架的结构以及命名约定都要优于其他框架。

Pure(Yahoo!)

Pure 是一个轻量的、模块化的框架——使用纯 CSS 编写的——根据你的需要,可以组合或者分开使用 Pure 的模块。

图片[5]-细数2014年5个最流行的前端框架-JieYingAI捷鹰AI

Pure 使用心得

Pure 只提供一套极简的样式,便于你从零开始你的项目。对于那些不需要一个全栈框架,只需要某些组件的加入到他们自己的项目中的用户来讲,这个框架非常符合。

UIkit(YOOtheme)

UIkit 包含了一些列简洁的易用的便于自定义的组件。尽管它没有其他在列的框架流行,但是它提供了相当的功能和质量。

图片[6]-细数2014年5个最流行的前端框架-JieYingAI捷鹰AI

UIkit 使用心得

UIkit 在WordPress 主题 中很成功。它提供了强大灵活的自定义机制,可以手动修改或者使用它的提供的 GUI 自定义工具来实现。

如何选择框架?

最后,如果你还是不确定,你可以采用一种混合搭配的方式。如果某个框架无法满足你的需求,你可以混用一些来自其他框架来的组件。例如,你可以使用某个框架的精简的 CSS 基础样式,使用来自另外一个框架的栅格系统,以及从第三个框架更为复杂的模块。模块化万岁!:)

你怎么看的?这些框架还有哪些策略或者弱点在这里没有提到的?还有哪些框架你觉得应该列举在这里?你可以在下面回复给我们。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
来说点什么吧!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容