ホームページ » ツールキット » Milligram.css - 開発者のためのミニマリストフロントエンドライブラリ

    Milligram.css - 開発者のためのミニマリストフロントエンドライブラリ

    ブートストラップからFoundationまで、カスタムCSSライブラリの不足はありません。しかし、新しいWebプロジェクト用に非常に単純で軽量なオプションが必要な場合はどうなりますか?多くの既存のCSSライブラリは 重くて過度の機能であふれている.

    しかしミリグラムは 縮小された.cssファイルで合計約8KBの超軽量代替品. Bower、NPM、ローカルでホストされた直接ダウンロード、またはCDNを介してインストールできます。.

    デフォルトでは、ライブラリはNormalizeに基づいて構築されています。 このライブラリも含める必要があります. しかし、Milligramのホームページには、すぐに動くのに役立つ便利な入門ガイドがあります。.

    テストしているだけなら ローカルにダウンロードするのではなく、ライブCDNから直接ファイルを追加してみてください. このようにして、CodePenまたは他のクラウドベースのIDEでサンプルプロジェクトを設定できます。.

    また、このライブラリはすべてのタイポグラフィにGoogleがホストする無料のRobotoフォントを使用しています。あなたはRobotoなしでMilligramを使うことができます、しかしあなたは同じなめらかなフォントデザインを手に入れません.

    余分なNormalizeライブラリとGoogle Fontは負担のように感じることがあります。しかし、彼らは皆そうなることができます 外部CDNでホストされている そうあなた サーバーからのHTTPロード時間を気にする必要はありません。. そしてMilligramは全ての基本的なページ要素のためのデフォルトフォーマットを持っています:

    • ヘッダーと段落
    • 順序付きリストと順序なしリスト
    • ブロッククォート
    • テーブル
    • フォームフィールド
    • キャプション付きの画像
    • そしてもう少し!

    Milligram.cssのホームページを見て、ソースコードのサンプルを見つけ、CDNリンクを入手してください。また、下に埋め込まれたキッチンシンクのデモには、カスタムスタイルのミリグラムページ要素がすべて含まれています。.