Bootstrap 和 Foundation 的比较

转自：http://blog.csdn.net/highkay/article/details/8046667

http://foundation.zurb.com/

粗看了一下，比bootstrap要复杂一些，不过定制能力很强，尤其是响应式（这个也是其声称的主要特色）方面的设计非常详尽。

文档相对于bootstrap更加详尽，但是组织的不是特别好。

这里提一个和bootstrap对比，坦白讲bootstrap不是什么完美的东西（定制性相对比较麻烦，要通过less，默认样式容易审美疲劳等等），但是他能获得那么高的关注度，也就是那么流行，只要能流行，那么那些缺点也会被慢慢的解决。

我觉得主要原因出于以下3点

1.简单，我觉得比bootstrap更简单的话，就称不上框架了（也就是没有了复用）

2.明确，就是给程序员用的，用户群很明确，解决程序员尤其是后端开发中折腾一些简单的样式浪费时间的问题，你可以写一个似乎全能的瑞士军刀出来，但是在前述的场景中也没有用武之地，功能越多学习成本（推广成本）越高。

3.文档，文档不需要面面俱到，但是一定要让看过的人花最少的时间（比如5分钟）知道是什么东西，怎么用，你写的再多，别人懒得看也是白写。主要是逻辑性，从一些关键点（大部分人都能理解并且关心的问题）入手，逐步展开。罗列功能点是非常低效的行为。其实后面折射出你的逻辑思考和写作能力，这两点其实制约一个工程师在职业生涯上到底能走的多远的关键因素，我非常希望看到大家能不断的把自己思考的东西分享出来。

===============================================================================

转自：http://tuzii.me/diary/detail/749

昨天在跟同事讨论响应式布局的时候 跟他介绍了我博客后端使用的动态响应式框架布局: Foundation 然后去了官网看了下 猛然发现居然又一次更新换代到foundation4了

好吧看来这也是个快速迭代的前端框架

先给出官网链接:http://foundation.zurb.com/

因为之前一直是用Bootstrap进行前端框架的基础进行开发的 但是随着使用的增多 发现这个框架很笨重 而且也由于非常庞大数量的网站使用这个框架 导致网站的个性率不是很强

在dev_blog的后端框架选择上 当时遇到了这个foundation的框架

而且恐怕 foundation在跟bootstrap对比中最大的不同点就是 它更加倾向于响应式布局 也就是说 他可以支持多平台的自适应布局

例如后端的评论管理模块 在桌面电脑的时候是以下这种布局:



当到了移动端的时候 会自动消失掉左侧的工具栏 并放大按钮以及布局:



这样的好处当然就是一套代码 适应多套系统 更大程度的减少了开发成本

在foundation4的版本中 主打的有三个特点:

1.移动为先

开发商ZURB认为是从移动设备开始 你的代码开始适应越来越大的屏幕 直到桌面电脑

2.语意化的代码 这个可能就是html5时代的更清晰代码结构的产物吧

3.采用更加轻量级的js框架: 在foundation4中 js框架从jQuery转到了Zepto 他们认为Zepto是比jQuery更轻量并更高效的js库

总之 随着移动设备的普及 响应式布局和html5的敏捷开发越来越吸引人们的眼球 在Bootstrap横行的现在 你是选择Bootstrap还是Foundation 恐怕仁者见仁智者见智了 它们都可以被称为优秀的前端框架