web-dev-qa-db-ja.com

Zurb Foundation 4 / Twitter Bootstrap 3をモバイル以外の最初のプロジェクトに使用する

Foundation4またはBootstrap 3ベータ版を使用した人はいますか?ご存知のように、どちらも最初にモバイルになるように書き直されています。

私はモバイルファーストのアプローチに非常に興奮していますが、実際の生活では、状況によっては、正しい方法であると私たちが信じていることを実行できない場合があります。

だから私はただ尋ねたいのですが、モバイルファーストではない(または応答しない)プロジェクトにF4またはBS3を使用した人はいますか?私は実際にはコードに飛び込んでおらず、ドキュメントがかなり不足しています。

つまり、F4/BS3には、モバイルファースト/レスポンシブプロジェクト以外でいずれかを使用すると、両方のフレームワークがモバイルファーストフレームワークであるため、スムーズに機能しないという隠れた警告がいくつかありますか?または、モバイル以外の最初のプロジェクトにFoundation3.5またはBootstrap 2.3を使用することをお勧めしますか?

おかげで、私が十分に明確になっていることを願っています。

22
Henson

私の会社は最近、F4専用に切り替えました。私たちはBootstrapにまったく反対していませんが、私たちが決定した理由は次のとおりです。

  • よりセマンティックなクラス:これはもちろん意見の問題ですが、私たちにとってこれはビルドの時間を短縮することができます。

  • ゴールデンスタンダード:HTMLとCSSの知識を持っているほぼすべての人にF4を渡すことができ、ほぼすべてのサイトで非常に類似したマークアップが表示されます。これは、必要に応じてヘルプを契約し、高品質の設計を保証することがはるかに簡単になることを意味します。

  • UI:はいBootstrap単独で判断するとこれに勝ちますが、全体として見ると、ファンデーションのUIは非常に近いです。さらに、カスタマイズできることを覚えておいてください。 app.cssでそれのいずれか

  • ゼプト:私はファンです。何と言えばいい。 SEOは私たちの世界の一部であり、高速ロードは何かを意味し、SEOを除外することさえあります....高速ロード=バウンスが少なくなります。

  • SEO:Googleはすでに発表されており、モバイルSEOのレスポンシブデザインを推奨しています。

  • なぜですか?:フレームワークで再作成できないサイトはどれですか。それはまだCSSです。それは私たちがコーディングする方法を再考することを強制しますが、それが私たちが最初にコーディングするのが好きな理由ではありませんか?設計を簡素化するためのソリューションを考え出しますか?

    小説でごめんなさい。私の考えですが、100%主題ではないことを私は知っています。実際には、F4 vs Bootstrap 3は本当に重要なポイントです。レスポンシブを搭載している場合は、市場性を高めています。そうでない場合は、テクノロジーの方向性を完全に無視しています。そして、あなたはゲームから抜け出すべきです。

25
Joe

フレームワークが優れている3,200語をまとめたところです。簡単な答えは次のとおりです。Foundation4、そしてそれはそれほど近いわけではありません。

記事全文: http://abetteruserexperience.com/2013/08/Twitter-bootstrap-3-vs-foundation-4-which-one-should-you-use/

2つのフレームワークには多くの共通点がありますが、いくつかの違いがあります。 Twitterに対するFoundation4の主な利点Bootstrap 3は次のとおりです。

  • 覚えやすいクラスの命名規則
  • デフォルトでレスポンシブな画像
  • 画面の端に移動するコンテナ
  • ブロックグリッド
  • アダプティブイメージ(交換)
  • ウォークスルー(ジョイライド)
  • フォームの検証(遵守)
  • 価格表
  • フレックスビデオ
  • インラインリスト
  • ただ機能する競合モードはありません
  • 問題が発生した場合のZURBへのアクセス

簡単に言うと、Bootstrapは誰かの趣味のように感じますが、Foundation4は誰かの仕事のように感じます。

11
Ben Snyder

私の以下の意見は、私のプロジェクトでのFoundationの広範な使用と、Bootstrapの限定的な使用に基づいています。あなたの質問で「Non-MobileFirst」という言葉を見たとき、私の頭に浮かんだ直接のフレームワークはBootstrapでした。これらのフレームワークの両方で私が見つけた主な違いは

Foundationは、レスポンシブグリッドシステムを実装するための優れたフレームワークです。デスクトップだけでなくモバイルでもページをどのように表示するかを細かく制御できます。しかし同時に、FoundationのUI要素はBootstrapと比較して非常に洗練されているとは思いません。

Bootstrapには、見栄えの良いUI要素、見栄えの良いものがいくつかあり、応答性グリッドを提供しますが、Foundationほど強力ではありません。しかし、それは非常に役立つことができるいくつかの素晴らしいリソースと追加のプラグインを持っています

したがって、私の意見によると、プロジェクトがモバイルファーストでない場合は、Bootstrap elseFoundationが最良の選択です:)

PS-新しいBootstrap 3はモバイルファーストです。したがって、「質問で「非モバイルファースト」という単語を見たとき、頭に浮かんだフレームワークはBootstrapでした」という行です。私の答えではもはや有効ではありませんが、推論は同じです。グリッドで高度な制御が必要な場合は、Foundationを使用する必要があります。UI/プラグインの場合、Bootstrapが適切です:)

8
Jigar Jain

F4とBootstrapはどちらも、非常にうまく機能する強力なレスポンシブフレームワークです。FoundationにはBootstrapよりもレスポンシブなフックがあり、レスポンシブプロジェクトで特に役立ちます。 F4がIE8を(設計上)サポートしていないという事実は、現在それを使用することを思いとどまらせるでしょう。Bootstrap 3は、F4のようなモバイルファーストアプローチで私が知る限り、IE8のサポートを継続します。

5
soulglider