另一款知名的前端CSS框架 – foundation

申请达人,去除赞助商链接
Bootstrap是大家都非常熟知的css前端框架,也是近几年最受宠的CSS框架之一,随着Bootstrap3的出现,针对移动及其响应式设计的功能也大大加强了,作为拥有最强大社区支持的CSS前端框架来说,Bootstrap迅速的成为了最受欢迎的前端CSS框架。

尽管Bootstrap非常的流行,但是我们依然可以看到一些类似的知名框架,其中最为有名的是来自Zurb的foundation。

Foundation提供了类似Bootstrap的功能及其相关的设计工具,很多Github的知名项目也是使用foundation作为基础框架而开发的。

在这篇文章中,我们不会具体介绍如何使用foundation,而是从五个方面来介绍Foundation的一些独特的优势,如果大家对于foundation具体使用感兴趣的话,可以参考如下foundation教程:

初学Foundation
拥有更加独立UI和设计

大家都非常喜欢使用Bootstrap的一个很大的原因是它能够帮助你快速的生成UI相关的组件,即使不是一个专业的设计师或者并不熟悉CSS,使用Bootstrap能够很快速方便的生成一个相对更加专业的页面或者页面UI,但是随之而来的问题就是,可能大家能够很容易的发现,很多使用Bootstrap卡覅网站看起来都十分的相似,而且也很容易发现。

而foundation相对于bootstrap来说,给予开发者的选择就相对更少一些,这样大家能够更加专注于调试UI界面和样式。

移动为先的设计

在Bootstrap3出来之前,Bootstrap并没有针对移动设备有太多的关注,因为开发Bootstrap的开发人员来自Twitter,他们最初为了设计可以重复使用的组件而开发了Bootstrap。

而来自Zurb的团队在很早的时候就非常专注移动设备上的开发,针对不同设备和移动端优化,可以支持不同分辨率的屏幕,如果大家有听过Mobile First的设计概念的话,可以站内搜索一下,而Foundation在非常早期就支持“移动为先”的设计理念。

SASS

Bootstrap支持LESS,Foundation使用SASS,这里没有办法说谁比谁强,如果大家争论这个的话,估计十天十夜的争论不完。

这里我们只讨论为什么Foundation使用SASS,使用CSS预编译器的好处是在于免除了我们自己去生成CSS,但是副产品是超过的markup生成。而SASS用户可以有效地使用Compass项目。使用SASS的好处在于使用Compass来生成更加干净的markup和自动更新生成Mixin。

Zepto

如果大家使用Bootstrap的话,都知道Bootstrap使用jQuery作为JS的类库,但是jQuery类库的体积不是非常的小,但是Foundation使用的JS类库是Zepto,这个超小的JS类库拥有和JQuery类似的语法,但是体积小的多。可以有效果的降低浏览器加载的延迟。特别是移动设备上的加载。

没错,Zepto可以看做是jQuery的一个子集,无论是类库的使用和方法,和jQuery都及其相似。如果你熟悉jQuery的话,zepto的使用将会非常的简单。当然zepto的IE兼容性不是非常好,如果你对于IE有要求的话,需要注意了。

Zurb的套件兼容性

Zurb拥有很多不同产品,事实上Foundation前端框架并不是Zurb唯一的产品,同时也不是最致命的产品,foundation则基于这个强大的设计体系中,Zurb拥有很多业内强大的设计工具。同时Zurb也拥有很多实验性的JS插件和产品,你可以在这里找到。

上面就是一些Foundation值得大家考虑的优势或者是优点,如果有可能的话,大家自己应该去尝试一下,说不定会发现foundation才是你最佳的选择。

标签:

该日志由 foundcss 于2015年08月15日发表在 Foundation文章 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 另一款知名的前端CSS框架 – foundation | Foundation中文网
关键字:

发表评论

快捷键:Ctrl+Enter