Semantic-ui vs Bootstrap [終了]


107

どちらが最適で、可能であれば、これら2つの違いと利点を教えてください。

Semantic-uiBootstrap 私は自分のUIを構築しようとしているのですが、何を使うべきか混乱しています。

最高のものを提案し、可能であれば例を挙げてください。

回答:


62

今のところ、BootstrapSemantic-UIの違いはわかりません。Semantic-uiは新しいので、時間を決める必要があります:)

私の意見: Semantic-UIデザインはBootstrapよりも優れており、よりクリーンで使いやすく、厳密なコーディング、便利なコンポーネント、軽量です。私はSemantic-UIのフレームワークの未来を理解しているので、それに貢献して最善を尽くして期待しますが、大きなフィードバックとサポートに依存する大きなプロジェクトには使用しません!


2
特に「大きなフィードバックとサポートに依存する大きなプロジェクトには使用しない」というあなたの意見が本当に好きです。ちょうど船をジャンプしようとしていたので。
windmaomao 2014

2
2年前、セマンティックUIはブートストラップよりも軽量であるように見えました。しかし、今、見てみましょう...
Han

3
まあ、私は同意することができません。私は初めてsemantic-uiを使用する予定であり、大きなプロジェクトに参加する予定です。
ペドロ

31

よろしければ、トピックにFoundation by Zurbを追加します(現時点では、Bootstrapの唯一の有効な代替手段です)。

私はプロジェクト/フレームワークSemUIをチェックしたところ、それはかなり素晴らしいです。厳密なセマンティックな方法でページを構築するという考えは明らかに良いです。さらに、デザインは私の意見では驚くべきものであり、使用し、セットから選択する多くのコンポーネントと設定があります。

私が気付いたもう1つのことは、非常によく整理されたパッケージであり、必要な場合はすべてのコンポーネントに独自のスタイルシートとスクリプトファイルがあるため、必要なものだけをロードできます。単一のページのすべて。

プレリリースでは、次のWebアプリをそのようなフレームワークで構築することを検討していることを認めますが、いくつかの困惑がありました。

  • BootstrapやFoundationのようなモバイルファーストですか?私が見ることができるものから、それはそうではありません。
  • Bootstrapには2人の有効で有名な寄稿者がいて、FoundationはZurbを後にしましたが、SemanticUIはどうですか?これはプレリリースですが、他のリリースも見られますか?

そのような困難さのため、私は現在、おそらく近い将来、ビジネス/商業プロジェクトでの使用を避けたいと思いますが、自分の個人的なWebアプリ(私のような)で使用することを計画している場合は、それはかなり良い選択だと思います。

その後、何らかの理由でBootstrapにフォールバックしたい場合は、それほど苦痛ではないと思います(多くのセマンティックコンポーネントはBootstrapに基づいているようです)。


5
SemUIは、その名前に意味があるにもかかわらず、FoundationやBootstrapと同じようにプレゼンテーションクラス名を使用することに注意してください。クラス名は抽象的なものではありませんが、同じように表現されていることに同意します。Foundation 3/4に興味がある場合は、Sass Mixinsを使用して真にセマンティックなhtml / cssを作成できます。「コンテンツ」に基づいてIDを設定し、Sass / ScssのそのIDにFoundation Sass Mixinsを適用できます。
JAMESSTONEco 2013

4
semanticUIのコンポーネント設計は目を引くものです。ただし、ブラウザ互換性の場合、semanticUIはブートストラップの背後にあります。ブートストラップはIE 7+と互換性がありますが、semanticUIはIE 9+のみ互換性があります
McLosysクリエイティブ2014

12
@McLosysCreative正直に言うと、これはブートストラップの欠点と見なすことができます。私はすべてのHTML / CSSフレームワークがかなりの量のブラウザ互換性を持つべきであることに同意しますが、それは合理的な範囲内に限られます。この時点で、IE7は8年前のもので、メジャーバージョンが4つ遅れています。グーグルでさえ、もはや公式にはサポートしていません。(彼らは公式に上位5つのブラウザーの最新の3バージョンのみをサポートしています)そのことを念頭に置くと、その遠いところをサポートするのは無駄な努力(と追加のコード)のようです。
ニコラスサマーズ

-19

セマンティックUIは、BootstrapやFoundationのようにモバイルビューやレスポンシブビューに対応していません。これは、Bootstrap / Foundationよりも優れたセマンティックマークアップと連携して機能する、あらかじめパッケージ化されたUI要素のコレクションに似ています。しかし、現在の最大の欠点は、モバイル中心ではないことです。したがって、スタイルの整ったサイトが必要な場合は、Semantic-UIを使用してください。


1
Semantic-UIが応答しませんか?
アルスランアリ

2
プロジェクト全体で、どこでもemを使用している間は、pxユニットを使用していません。
bawa g 2015

10
セマンティックUIは確実に応答します。回答を更新する必要があります。そうしないと正しくありません。
ジェリコ2015年

3
この答えは確かに時代遅れです。セマンティックISレスポンシブ。
Lashae、2015年

Semantic-UIはレスポンシブのために生まれました。
Xiao Hanyu
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.