2013-03-22 53 views
22

是否有人使用过Foundation 4或Bootstrap 3测试版?正如你所知道的,两者都被重新编写以使其首先移动。使用Zurb基金会4/Twitter Bootstrap 3对于非移动第一个项目

我对移动第一种方法感到非常兴奋,但在现实生活中,有时候情况并不会让我们做我们认为是正确的方式。

所以我只想问,有没有人使用F4或BS3的非移动第一(甚至无响应)项目?我没有深入到代码中,而且文档相当缺乏。

我的意思是,在F4/BS3中有一些隐藏的警告,如果我将它们中的一个用于非移动的第一/响应项目,它不会像两个框架一样顺畅地工作,因为这两个框架都是移动第一框架?或者,您是否建议将Foundation 3.5或Bootstrap 2.3用于非移动的第一个项目?

谢谢,希望我已经够清楚了。

+0

我们在一个测试版项目上使用F4,该项目的发布日期为3个月。到目前为止,该框架表现得很好,没有大的麻烦。为什么你会在无响应的网站上使用F4? – 2013-03-22 07:31:12

+0

Bootstrap是我的首选CSS框架,但我所拥有的项目应该是响应式的,从概述上讲,它可以使用移动优先方法。但随着时间的推移,需求发生变化以及其他因素,设计似乎更倾向于桌面和桌面优先的方式。我已经开始使用F4的原型,但由于变化,我想知道F4移动的第一种方法是否会损害我的进步,因为现在这个网站显然是桌面优先的。 – Henson 2013-03-22 14:36:43

+0

海事组织,我不认为它会。响应的优点在于,如果网站只能在桌面上浏览,那么无需担心。至少如果有人试图在他们的手机上查看它,说只是为了好玩,或者是纯粹的运气事件,那么你就被覆盖了。 – 2013-03-22 14:41:10

回答

25

我公司刚刚改用独家F4使用。我们不反对引导可言,但这里有我们做了我们的决定的理由:

  • 更多的语义类:这当然是见仁见智,但对我们来说这可以刮胡子休息时间构建的。金黄标准:您可以将F4交给任何具有html和css知识的人,并且您几乎可以在同一个网站上看到非常相似的标记。这意味着,在需要时提供帮助就变得容易得多,并确保质量设计。

  • 用户界面:是Bootstrap如果单独判断就会胜出,但如果将它看作整体,基础用户界面非常接近。 Plus让我们记住,你可以使用app.css来定制它的任何内容

  • Zepto:我是一个粉丝。我能说什么。搜索引擎优化是我们的世界的一部分,快速加载意味着什么,甚至离开搜索引擎优化......快速加载=较少反弹。

  • 搜索引擎优化:谷歌已经出来,并推荐移动搜索引擎优化的响应式设计。

  • 为什么不能?:我不能用框架重新创建哪个站点。它仍然是CSS。这确实迫使我们重新思考我们如何编写代码,但这不就是我们为什么喜欢首先编写代码吗?找出简化设计的解决方案?

    对不起,这本小说。就我的看法,我知道它不是100%的题材。事实上F4 vs Bootstrap 3真的是一个mo point点。如果你在反应迅速的情况下,你正在使自己有市场。如果你不是,那么你完全无视技术走向,你应该离开游戏。

+4

不错。你能否详细说明“更多语义类”? AFAIK,基金会仍然在标记中使用CSS类 - 或者您是否在这里用“语义”来表示其他的意思? – Zabba 2013-03-29 18:28:17

+3

@Zabba对不起,我的回复延迟。我可能应该重新说明这一点,但通过更多的语义,我只是指通过查看代码元素的内容来快速识别它更容易。例如:

任何人都可以很容易地告诉;对框架知之甚少,这应该是什么。 – Joe 2013-04-02 12:43:06

+1

对不起,(非常)迟到的回应。我最终使用了Foundation 4,它运行得很好。一个警告虽然(这是更多的SASS之一),使用移动第一种方法意味着桌面样式将在媒体查询。从逻辑上讲,你会在你的风格的顶部导入你的精灵,对吧?显然,SASS不会允许你在媒体查询中使用sprite mixin,而不需要一些hacky解决方案。我最终引用了图片的实际位置而不是使用精灵。总而言之,F4非常棒,但我认为我更喜欢SESS。 – Henson 2013-04-23 10:54:38

8

我下面的意见是基于我的基金会在我的项目&有限使用Bootstrap的广泛使用。 当我在你的问题中看到'Non-Mobile First'这个词时,我想到的直接框架是Bootstrap。 我在这两个框架中发现的主要区别是:

基础是一个实现响应式网格系统的好框架。它可以很好地控制您希望如何在移动设备和桌面上显示您的页面。但与此同时,我发现Foundation中的UI元素与Bootstrap相比非常光滑。

Bootstrap有一些非常棒的外观UI元素,很棒的外观和提供响应能力的网格,但并不像基金会那样强大。但它也有一些重要的资源&额外的插件这是非常有用的

所以按我的看法,如果你的项目是不是移动率先然后引导其他基金会去是最好的选择:)

PS - 的新的Bootstrap 3是移动优先的。因此,“当我在你的问题中看到'Non-Mobile First'这个词时,我想到的直接框架是Bootstrap”在我的回答中不再有效。但扣除仍然相同。如果你想要很好的控制网格,你应该和Foundation一起去。对于用户界面/插件,Bootstrap是不错的选择:)

+0

我同意。我更喜欢Bootstrap而不是基金会,但Bootstrap 3也将首先是移动设备,无论如何,我很喜欢潜入Foundation 4中。关于该项目的一点是,基于设计,它显然是桌面优先的,而移动设备可能会通过去除东西来响应,但个人而言,我仍然处于困境之中,因为我认为移动第一种方法是一种方式,因为没有使用响应式站点可以在桌面和2MB中加载2MB以及移动。 – Henson 2013-03-22 14:43:04

5

F4和Bootstrap都是功能强大的响应式框架,可以很好地完成这项工作。基金会比Bootstrap具有更多的响应性钩子,可以在响应式项目中特别有用。事实上,F4不支持IE8(通过设计)将阻止一些现在使用它。 Bootstrap 3继续支持IE8,据我所知,采用像F4这样的移动第一种方法。

11

我刚刚完成了3200个关于哪个框架更好的单词。简单的答案是:基金会4,并不是那么接近。

对于为文章全文:http://abetteruserexperience.com/2013/08/twitter-bootstrap-3-vs-foundation-4-which-one-should-you-use/

两个框架有很多共同点,但也有一些差异。基金会4超过Twitter的引导3的主要好处是:

  • 容易记住类的命名规则
  • 图像在默认情况下响应
  • 容器,将往屏幕
  • 块的边缘网格
  • 自适应图像(交换)
  • 穿行(兜风)
  • 形式验证(信守)
  • 定价表
  • 柔性视频
  • 在线列表
  • 没有冲突模式,只是工程ZURB
  • 访问如果您在遇到困难运行

简单地说:自举感觉像某人的爱好,基金会4认为这是某人的工作。

+0

我无法访问链接,请检查一下。谢谢。 – NoChance 2013-11-24 16:07:52

+3

+1“Bootstrap觉得它是某人的嗜好,Foundation 4觉得这是某人的工作” – 2013-12-11 15:37:10

-1

您可以随时设置您的模板(在任一框架中)以使用固定宽度。 然后,如果您需要支持其他设备(如平板电脑),则可以轻松添加一些CSS来处理这些尺寸和方向。