Mini.cssでミニマリストレスポンシブレイアウトを作成する

A フロントエンドフレームワーク あるべき 軽量で使いやすい. ブートストラップは最も人気がありますが、最も重いものもあります。そして、Bootstrapに代わるものがたくさんある世界では、好きなものを見つけるのは難しいかもしれません。.

Mini.css です 新しいフレームワーク それは本当にその名前の通りです。現在のバージョン2.xでは、このフレームワークは できるだけ小さい, 現在gzipしたときのたった7KB.

全体のフレームワークは モバイルレスポンシブ そしてあなたが必要とするどんなレイアウトでもうまくいくはずです。しかし、目標はこのライブラリをスリムに保つことです あなたの仕事に必要最低限​​のものを提供する.

あなたはできる Mini.cssを任意のパッケージ管理システムと一緒にインストールする Yarn、npm、Bowerなど。それはまたある場合もあります 直接インストール GitHubからファイルをダウンロードした場合.

Webページに追加されたら、 通常のようにサイトをマークアップする そしてあなたは すぐに効果に気付く.

タイプ、ボタン、リンク、フォーム、テーブル、これらすべてのデフォルト要素は、Mini.cssライブラリの基本スタイルに付属しています。レスポンシブレイアウトを設定するには、 グリッドシステムを使用する必要があります 拾うのはそれほど難しくありません.

すべてのドキュメントは 平易な英語で書かれて, それは理解しやすいです。さらに、彼らは Scrimbaのスクリーンキャストビデオを含める これはコード例と一緒に従うことをより簡単にします.

このライブラリに深く入るにつれて、あなたはチェックアウトすることができます カスタマイズのための彼らのガイドライン 機能を追加したり既存の機能を編集したい場合.

あるいは、あなたがプロジェクトをすぐに始めたいならば、彼らをチェックしてください デフォルトのテンプレート, も。これら カラムレイアウトで作業する そしてあなたのサイトをもっとよく整理するのを手伝ってください.

私はMini.cssライブラリがとても好きです。 小規模であらゆるプロジェクトに適用可能. 軽量で簡単に手に入れることができるのであれば、次のプロジェクトでテストする価値があります。.