【问题标题】:Choosing the right front-end framework选择正确的前端框架
【发布时间】:2013-06-23 06:13:41
【问题描述】:

我正在研究 BootstrapFoundation 我的标准是:

  • 轻量级
  • 轻松定制
  • 轻松构建复杂的 HTML 布局
  • 移动/响应式

在我过去使用 Bootstrap 的经验中,将设计师模型构建为“像素完美”的 HTML 布局并非易事。

您的想法,想法受到赞赏。

【问题讨论】:

  • 我不认为这是可以回答的,因为它非常主观,最终取决于你,你觉得使用一个框架而不是另一个框架有多舒服?这也取决于设计和项目要求等。如果 5 个人说 Bootstrap,5 个人说 Foundation....
  • 没错,就是想听听一些意见……

标签: html css twitter-bootstrap web zurb-foundation


【解决方案1】:

这实际上取决于您的哪个标准更重要。

Foundation 是为制作复杂的响应式网站而构建的,但如果您想使用它所提供的一切,它的占用空间相当大。另一方面,Bootstrap 相对较小,但没有内置那么多功能。我不能说自定义 Bootstrap 有多么容易,但是更改 Foundation 以适应您的需求非常简单(尤其是如果您使用的是 SASS 版本)。

这是一个主观的选择:如果您的首要任务是使用占用空间小的东西,请使用 Bootstrap。如果拥有一个可以使用的大型响应式库对您来说更重要,请选择 Foundation。

【讨论】:

    【解决方案2】:

    Bootstrap 和 Zurb Foundation 都是 CSS 框架,但它们的用途不同。

    Bootstrap 的主要目标是对具有基本样式的网站或 Web 应用程序进行快速原型设计。由于样式是自以为是的,因此使其与定制设计相匹配的工作量更大。它得到了大力支持和一个庞大的社区。它建立在 Less 之上,这对某些人来说可能是一个加分项。

    Zurb Foundation 4 采用了不同的方法。它更像是一个项目的基础框架,将完全根据项目需求进行定制。样式很容易被覆盖。它是一个很棒的原型制作工具,它不拘泥于风格。网格系统很棒,任何人都可以理解。如果你使用 Foundation,你的设计师会有不同的想法(他们会更多地考虑移动)。它建立在 SASS 之上。这使得合并 Compass sprite 生成变得容易。我发现基础中的 CSS 类更容易让初学者学习和记住。

    您可以在 Internet 上观看一些 Zurb 演示视频,它们确实可以帮助您了解他们构建它的原因。

    我正在开发自己的框架,以意识到我需要的一切以及更多内容都已内置到 Foundation 中。最难的部分是理解 Compass 和 Sass。之后,您将轻松掌握 Foundation 的窍门。

    【讨论】:

    • 感谢您的回复。我真的很想使用Foundation。但是,由于我的项目需要与 IE8 兼容 :( Foundation 4 已经退出......所以我可能会使用 Bootstrap。
    • 我刚刚完成了一个需要与 ie8 兼容的网站。起初我很担心,但结果比我想象的要容易。开箱即用的 Zurb Foundation 不提供支持,但您可以轻松添加 css 以使网站在 IE8 中看起来像您想要的那样。
    • 谢谢,您能否更具体地说明需要什么?
    • 除了那个页面,我在我的样式中使用了 .lt-ie9。 Compass 使用 & 符号真的可以帮助你很多。它真的很强大。这允许您使用 .lt-ie9 & 嵌套 IE 定位。 {}。我将看到与 Foundation 一起撰写有关 IE 8 的文章。有很多技巧可以帮助使这个过程变得非常简单。
    • 我已经创建了一个例子来展示如何加速你的 ie8 开发。 https://gist.github.com/poeticninja/6011133
    猜你喜欢
    • 1970-01-01
    • 2019-01-30
    • 1970-01-01
    • 1970-01-01
    • 2020-05-31
    • 2019-12-18
    • 2021-08-06
    • 1970-01-01
    • 2010-12-04
    相关资源
    最近更新 更多