Buat Tata Letak Responsif Minimalis Dengan Mini.css

SEBUAH kerangka kerja frontend seharusnya ringan dan mudah digunakan. Bootstrap adalah yang paling populer, meskipun juga salah satu yang terberat. Dan, di dunia dengan banyak alternatif untuk Bootstrap, mungkin sulit menemukan yang Anda suka.

Mini.css adalah kerangka kerja yang lebih baru dan itu benar-benar sesuai dengan namanya. Saat ini dalam versi 2.x, kerangka kerja ini bertujuan untuk menjadi sekecil mungkin, Saat ini beratnya hanya 7KB ketika di-gzip.

Seluruh kerangka kerjanya responsif seluler dan harus bekerja untuk tata letak yang Anda butuhkan. Tapi, tujuannya adalah menjaga perpustakaan ini tetap ramping menawarkan esensi tulang-telanjang untuk pekerjaan Anda.

Kamu bisa instal Mini.css dengan sistem manajemen paket apa pun seperti Benang, npm, atau Bower. Bisa juga begitu dipasang langsung jika Anda mengunduh file dari GitHub.

Setelah ditambahkan ke halaman web Anda, Anda baru saja markup situs seperti biasa dan kamu akan segera perhatikan efeknya.

Ketik, tombol, tautan, formulir, tabel, semua elemen default ini datang dengan gaya dasar di perpustakaan Mini.css. Untuk mengatur tata letak responsif, Anda akan perlu menggunakan sistem grid yang tidak terlalu sulit untuk diambil.

Semua dokumentasinya ditulis dalam Bahasa Inggris, jadi mudah dimengerti. Plus, mereka termasuk video screencast dari Scrimba yang membuatnya lebih mudah untuk mengikuti contoh kode.

Saat Anda masuk lebih dalam ke perpustakaan ini, Anda bisa melihatnya pedoman mereka untuk penyesuaian jika Anda ingin menambahkan fitur atau mengedit yang sudah ada.

Atau, jika Anda ingin memulai proyek dengan cepat, periksa proyek mereka template default, terlalu. Ini bekerja pada tata letak kolom dan membantu mengatur situs Anda jauh lebih baik.

Saya sangat suka perpustakaan Mini.css karena berfungsi untuk membuat sumber daya frontend itu kecil dan berlaku untuk setiap proyek. Pasti layak diuji pada proyek Anda berikutnya jika Anda menginginkan sesuatu yang ringan dan mudah diambil.