Piknik CSS Perpustakaan CSS Ringan untuk Memulai Proyek Web Anda
Beberapa pengembang lebih suka pustaka UI terperinci, seperti Bootstrap, untuk gaya kaya fitur. Namun, ada banyak pustaka CSS yang dibuat lebih kecil estetika desain halus dan kustomisasi.
Jika Anda sedang mencari perpustakaan CSS kecil namun bergaya saya merekomendasi CSS piknik. Ini sepenuhnya gratis, open source, dan bekerja tanpa banyak pengeditan untuk meramaikan halaman Anda dengan gaya sederhana namun elegan.
Semua elemen HTML asli adalah dibenahi secara default, jadi Anda bahkan tidak perlu bergantung pada kelas. Cukup tambahkan lembar gaya Piknik ke halaman web Anda dan segarkan. Anda akan melihat semua bentuk, tombol, dan elemen tipografi mengambil tampilan baru.
Tapi, tentu saja, perpustakaan ini tidak mendukung desain modular dengan opsi untuk menyesuaikan semuanya. Nya semua ditulis dalam Sass, jadi Anda benar-benar harus menjadi pengembang Sass untuk bekerja melalui kode.
Anda memiliki akses ke semua tipografi default, kelas, sistem kisi, dan variabel yang digunakan untuk menata & mewarnai elemen halaman.
Picnic CSS juga dibangun untuk menjadi sangat kecil dan sederhana hanya berukuran 10KB saat diperkecil. Ini sekitar 1/10th Bootstrap dan masih memiliki semua pesona yang Anda harapkan dalam kerangka UI kustom.
Karena ini adalah perpustakaan kecil, itu tidak memiliki fitur dinamis. Tetapi, Anda dapat melihat contoh di halaman pengujian yang mencakup tombol, header, kartu, input, tab, dan elemen serupa lainnya.
Beberapa elemen dinamis, seperti modals dan tab, bekerja dengan CSS murni. Jadi, Anda juga dapat membangun situs web yang sesuai dengan mengabaikan JavaScript sepenuhnya. Sangat keren!
Saya pikir gaya Piknik default agak lunak sehingga mereka dapat menggunakan beberapa perbaikan. Tapi, secara keseluruhan, saya suka perpustakaan ini dan itu salah satu cara paling sederhana untuk memulai proyek baru dengan kaki kanan.
Untuk memulai, kunjungi halaman Picnic CSS GitHub untuk unduh salinan dan lihat beberapa sampel. Anda juga bisa telusuri dokumentasi online untuk melihat bagaimana setiap elemen bekerja dan apa yang Anda butuhkan untuk menjalankan semuanya.
Bahkan piknik tersedia di CDN, jadi Anda bahkan tidak perlu mengunduh file secara lokal untuk memulai.
