ホームページ » ツールキット » ブートストラップと財団への10の軽量の代替品

    ブートストラップと財団への10の軽量の代替品

    あなたのプロジェクトに最適な適切なフレームワークを選択することは、ちょっと大変かもしれません。 から選ぶべきたくさん. おそらく、あなたはBootstrapやFoundationのような一般的な選択をしたいのですが、あなたのウェブサイトがかなり単純なものになるのであれば, あなたはビルディングブロックや材料のほとんどを必要としないでしょう デフォルトパッケージに含まれています.

    良い知らせは、BootstrapやFoundationよりもはるかに細い選択肢がいくつかあることです。これらのフレームワークのほとんどは同梱されています ちょうどいい量のスタイルとコンポーネント あなたがあなたのプロジェクトのためにあなたが望む方向にそれらを拡張することができることを可能にしながらあなたが始めるのを助けるために.

    ここにあります BootstrapとFoundationに代わる10の軽量な代替品 あなたが使うべきもの 小規模Webサイトの構築.

    Hongkiat.comに関するその他の情報:

    • Twitter Bootstrapを始めよう
    • Sassでブートストラップ3を使用する
    • ブートストラップツール:HTMLブートストラップレイアウトの構築
    • ブートストラッププラグインの操作:モーダルウィンドウ
    • ブートストラップツール:YAMM3でMegamenuをビルドする

    スケルトン

    スケルトンはついに改築しました。それはゼロからの全面的な刷新です、そしてそれでもそれはそれが今まであったのと同じくらいまだ軽いです。新しいスケルトングリッドシステムは現在、モバイルファーストの原理を採用しています。これにより、デバイスの画面サイズが小さくても、レイアウトが中心となることが保証されます。.

    以前のバージョンに含まれていたすべてのコンポーネント - ボタン、フォーム、入力要素 - はまだ存在していますが、基本的なタイポグラフィスタイルは現在では設定されています。 レム 単位.

    2.カーディナルCSS

    CardinalCSSは、パフォーマンス、読みやすさ、そして最も重要な保守性に重点を置いて構築されたCSSフレームワークです。 CardinalCSSは、グリッドの形成にモバイルファーストなどの最新のアプローチを採用しています。要素の幅と高さを簡単に決定できるCSSボックスモデル.

    CardinalCSSには、要素にスタイルをすばやく適用できるようにする少数のヘルパークラスも付属しています。 ドロップキャップ 段落の最初の文字にドロップキャップ効果を適用します。.

    コンサイスCSS

    簡潔なCSSはCSSフレームワークです - 肥大化することなく。これはSass、LESS、およびStylusの上に構築された無駄のないフレームワークであり、CSSの保守性への道を切り開きます。しかし、単純な単純なバニラCSSを好めば、それを持つこともできます。.

    同様に、ConciseCSSには、見出し、段落、表、フォーム、ボタンUIを作成するための一連のヘルパークラスなどの重要な要素の基本スタイルも付属しています。.

    4. PowertoCSS

    PowertoCSSは軽量で堅牢なフロントエンドフレームワークです。グリッドを構築しスタイルを適用するために使用されるクラス名はシンプルで覚えやすいです。. .ボタン. あなた自身のテーマを追加することもできます。 StarterKitに進んで始めましょう。.

    5.辛い

    Furtiveは、Flexboxをグリッドに使用するような最先端のWeb標準に基づいて構築されたモバイル初のCSSフレームワークです。 レム 要素のサイズを設定する単位(フォントサイズを含む)。彼らはいくつかのCSSハッキングを必要とするのでFurtiveは古いブラウザ(* cough * Internet Explorer)をサポートしないことによって小さなCSSフットプリントを保持します。あなたが将来のためにウェブサイトをデザインしているならばゆえにFurtiveは完璧なフレームワークです。.

    6. BassCSS

    BassCSSは、レスポンシブWebアプリケーションを構築するための軽量な基本要素スタイル、ユーティリティ、レイアウト、カラースタイルのセットをモジュール形式で提供します。 SCSSファイルはスタイルを簡単にカスタマイズするために含まれています。あなたはタイポグラフィ、空白、ブレークポイント、およびUI要素で遊ぶことができます.

    7.ミュラー

    MuellerはSassとCompassの上に構築されたモジュラーレスポンシブグリッドシステムです。 Muellerでは、HTML要素にクラスを直接追加するか、HTML要素をきちんとしてきれいにしたい場合は、次のようにしてグリッドを構築できます。 グリッド() 関数。 Masonry Javascriptライブラリと一緒にMueller gridを使用してPinterest風のレイアウトを作成できます。.

    8.トゥクトゥク

    Tuktukはフレームワークのための非常にユニークな名前です。 BootstrapやFoundationと比較すると、Tuktukは、グリッドシステム、タイポグラフィーの基本的なスタイル設定、テーブル、およびnavbarやnavbarのようないくつかのUIなど、見栄えのするWebサイトを構築するための適切な量のコンポーネントのみが付属する モーダル.

    ベース

    BaseはLESSとSassの上に構築されており、Webサイトを構築するための最も重要なコンポーネント、つまりグリッドとHTML要素の基本的なスタイルのみが含まれています。 BaseにはJavascriptコンポーネントは付属していませんが、優れたブラウザ互換性を提供するので、IE7でも動作します。.

    トースト

    私たちのリストの最後はトーストです。パッケージに含まれているSCSSスタイルシートを通して、Toastはあなたが簡単にグリッドクラス名、溝、そして列ベースさえも構成することを可能にします。たとえば、グリッドを12列ではなく9ベースの列にする場合は、それを実行できます。 Toastはあなたの要求を満たすために作られた非常に柔軟な設定を持つ最小のCSSフレームワークです。.