Kernel.css - Kerangka Frontend Ringan, Semantik & Tidak Intrusif
Pengembang tahu sakitnya membuat ulang kode dari awal. Untungnya, komunitas pengembangan web menawarkan banyak hal dalam kerangka open source dan frontend.
Kerangka kerja populer seperti Bootstrap Bekerjalah yang baik tapi bisa juga merasa terlalu kembung. Untungnya, ada alternatif dan salah satu favorit terbaru saya adalah Kernel.css.
Kernel menyebut dirinya sendiri sebuah kerangka kerja yang tidak mengganggu, artinya akan beroperasi seperti lapisan tipis di atas halaman Anda. Tidak terasa menyusahkan atau sulit untuk disesuaikan dan kelasnya sepenuhnya sesuai dengan spesifikasi HTML5 modern.
Pekerjaan pengembang frontend harus ikuti semantik yang tepat untuk aksesibilitas dan tingkat dukungan browser tertinggi. Menggunakan kerangka kerja seperti Kernel menghemat banyak waktu dan frustrasi menyelesaikan masalah umum.
Berikut adalah beberapa aspek terlaris dari Kernel:
- Sistem grid-nya berjalan di flexbox.
- Sepenuhnya responsif dan ramah mobile.
- Transisi khusus melalui CSS & JavaScript
- Elemen pra-gaya untuk kartu, tabel, dan header.
- Skema warna sederhana dimodelkan setelah desain material.
Anda dapat melihat pratinjau semua elemen Kernel di halaman demo utama yang termasuk kode sumber sampel, terlalu.
Anda akan melihat banyak item seperti tombol dan header menawarkan nama kelas yang berbeda. Ini artinya kamu bisa mudah mengubah warna tombol hanya dengan mengubah kelas.
Itu juga datang dengan kelas pemberitahuan default pada tombol untuk tindakan tertentu, seperti .btn-primer
untuk biru “bersih” tombol atau .btn-peringatan
dengan bakat kuning cerah.
Bagian terbaik dari Kernel adalah Anda bisa mudah menyesuaikan kerangka kerja ini sesuai dengan kebutuhan anda. Ingin menambahkan Font Awesome ke tombol Anda? Tidak masalah. Bagaimana dengan menambahkan Google Webfonts ke tajuk Anda? Hanya menimpa gaya dalam lembar CSS Anda dan kamu baik untuk pergi.
Jika Anda menginginkan titik awal yang ringan untuk menyusun tata letak yang fantastis maka Kernel.css adalah kerangka kerja untuk pekerjaan itu.