2013-03-22 59 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來處理這些尺寸和方向。