オープンソースのブートストラップの5つの選択肢

私たちは絶えず変化しており、Webアプリケーション開発者にとって物事のやり方は簡素化されています。 多くの人が独自のコードを作成することを好みますが、私たちの生活を楽にし、プロジェクトを迅速に展開できるツールがあるのは事実です。

おそらくフロントエンドエコシステムで、最近最も人気があり、使用されているCSS / JSフレームワークは、正当な理由のあるBootstrapです。 ブートストラップはおそらく競合他社と比較して最も完全であり、ほとんどすべてのオプションがありますが、それだけではなく、好みの問題でも、最も美しいものではありません。

私のためにインターネットを検索する 私はリストを見つけました 最も人気のあるCSS / JSフレームワークのいくつか、そして最も重要なのは、個人的なプロジェクトに使用できるオープンソースです。 しかし、この場合、私が最も興味深いと思う5つだけに言及します。 始めましょう:

トップコート

トップコート

特にこれは彼を知りませんでした。 Adobe®によって立ち上げられたこのフレームワークは、すべてのデバイス用のWebアプリケーションを作成するために必要なものを提供することに主に焦点を当てています。 その主な機能は次のとおりです。

  • これは速い。
  • テーマはカスタマイズできます。
  • 独自のアイコン。
  • Source Sans Pro、Adobeのオープンソースソース。

トップコート

UIkit

ウイキット

ご覧のとおり、UIkitはBootstrapの最も強力なライバルのXNUMXつであり、差分データとして、Twitterフレームワークがデフォルトで追加しない一連のコンポーネントを追加するか、単にそれらを改善します。

UIキット

セマンティックUI

セマンティックUI

新しいコンポーネントを提供するだけでなく、それらのいくつかのスタイル/テーマから選択できるため、考慮に入れる価値のあるもうXNUMXつのBootstrapライバルです。 たとえば、ボタンはGMail、Github、Amazon、Google Material、Bootstrap、Twitterなどのボタンと同じか同じかを選択できます。

セマンティックUI

インク

インク

考慮すべきもうXNUMXつの非常に良い候補。 INKはまた、新しいコンポーネント、またはBootstrapにあるものとは少し異なるデザインと機能を提供します。

インク

メトロUI

メトロUI

Windowsユーザーに近いことをしたい場合、MetroUIは私たちが持っているバリエーションのXNUMXつです。 そして私はXNUMXつを言います、なぜなら私たちが少し見ると私たちは見つけるからです Bootstrap自体の他のオプション.

メトロUI

結論

私たちのニーズと目的に応じて、すでに見てきたようにいくつかの選択肢があります。 私が考える5つだけに言及しましたが、それらは最も完全であり、最初に言及したリストにあるように、もっとたくさんあります。 また、それらの多くがBootstrapからアイデアを取り入れてさらに改善し、Adobeなどの企業がこのタイプのツールを作成して作業を改善するイニシアチブに参加していることもわかります。

必要な知識があれば、必要なものをいくつか混ぜて混ぜることもできます。 とにかく選択はあなた次第です。


記事の内容は、次の原則に準拠しています。 編集倫理。 エラーを報告するには、 ここで.

19コメント、あなたのコメントを残してください

コメントを残す

あなたのメールアドレスが公開されることはありません。

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   ハンター

    あなたはYahooの貢献を逃しました:純粋なCSS、それはミニマリズムと軽さに焦点を合わせています。

    純粋は途方もなく小さいです。 モジュールのセット全体が4.0KB *で縮小され、gzip圧縮されます。 モバイルデバイスを念頭に置いて作成されたため、ファイルサイズを小さく保つことが重要であり、CSSのすべての行が慎重に検討されました。 これらのモジュールのサブセットのみを使用することにした場合は、さらに多くのバイトを節約できます。

    http://purecss.io/

    1.    エラヴ

      はい、純粋はオプションですが、そのサイズにもかかわらず、私の非常に特定の基準から、それは上記のものほど完全ではありません。

      1.    ハンター

        Pureについて私が気に入っているのは、基本を提供し、習得と実装が非常に迅速で、サイトで使用でき、独自のことを実行できる範囲を提供することです。ほとんどの場合のように「ブートストラップ」されていません。

  2.   JoZ3

    友人、あなたはBootstrapの偉大なライバルのXNUMX人を除外したと思います…Foundation

    1.    エラヴ

      それは本当です...資金は私を通り過ぎました、それは彼らが言うことからおそらくBootstrapの最大の競争相手であるもう一人の偉大な人です。

      1.    ラタキル

        友人私はあなたにXNUMXつの重要なマテリアライズが恋しいです。 乾杯

      2.    マルコス

        Foundationは、インターフェイスデザインに最適なフレームワークであり、最も完全で用途が広く、ブートストラップは靴底に届きませんが、ブートストラップの優れた競争相手です。

  3.   ブロンフ

    非常に興味深い、私はそれらを知りませんでした。 また、そのリストにファンデーションが含まれていないことに驚きました。

    1.    サルゲイロ

      実際、この財団を最初に残したリンクのサイトは、間違いなく最強の競争相手のXNUMXつです。

  4.   ラファエル・マルドジャイ

    私はいくつかの開発のためにこれらのフレームワークについてもっと考え始めるつもりです、今のところ私が0から書くすべてのレスポンシブなウェブサイト、すべてのXdを書くときのXNUMX以上の喜び

  5.   摂氏

    結局のところ、それらはすべて同じです。 白い背景に大きな良い手紙

  6.   kik1n

    バックエンドルール😀

  7.   ガブリエル

    真実は、現時点では、この投稿は私にとって非常に良いことです、ありがとう😉

  8.   出てくる19

    私はuiセマンティクスを使用していますが、言うのはそれほど直感的ではありません

  9.   アルベルトカルロスウェッブオズ

    マテリアライズ、またはファンデーションがなければ、このリストはでたらめです。

    1.    エラヴ

      なぜ誰が言うのですか? これらのXNUMXつは具体的にどこにある必要があると書かれていますか? コメント(明らかにあなたがしていないこと)を読むと、私が財団を欠席したことを認めていることがわかりますが、この記事に表示されているリストは私の感謝に基づいており、同意する必要はありませんが、そうであると言う必要はありませんゴミ。

  10.   カミサマ666

    こんにちは、とても良い記事です。 しかし、誰かが元のソースを反映せずに自分のWebサイトにコピーしたようです。 あなたがこれらの問題をどのように扱っているかはわかりませんが、あなたが知りたいと思いました。 リンクは次のとおりです。 http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    挨拶。

    1.    エラヴ

      はい、それが起こるのは正常です。 私はすでにサイトの責任者に連絡しました😉

  11.   ユーリー・ジャジツキー

    素晴らしい貢献! Bootstrapは確かに、バックエンドは得意だがフロントエンドはcssでお粗末な私のような人々に、まともな見た目の製品を提供するための扉を開いた。 多分それは彼らがそれを言及するべきであった正しい方法ではありませんでした、しかし私はこのリストがMaterializeCSSを欠いていることに同意します。 マテリアルデザインの外観と可能な限り最も素晴らしい学習曲線を備えた、軽量で強力なフレームワーク。 このフレームワークのおかげで、10分でとても素敵なインターフェースをセットアップすることができました。 そのドキュメントは非常に単純なので、ブートストラップと比較すると、航空宇宙工学のように見えます。 したがって、Materialize(materializecss.com)を確認することをお勧めします。 よろしく!

bool(true)