Spectre.css - Kerangka Kerja CSS Responsif Berbasis Flexbox Ringan

Jika Anda ingin menyelam tata letak flexbox maka sekarang adalah waktu terbaik untuk memulai. Browser modern adalah akhirnya menerima properti flexbox dan semakin banyak pengembang yang terlibat.

Tapi, kenapa mulai dari awal kalau bisa membangun di atas kode yang dapat digunakan kembali? Spectre.css adalah salah satu kerangka kerja terbaik untuk mulai digunakan jika Anda baru menggunakan flexbox.

Kerangka kerja open-source gratis ini sudah dibuat sebelumnya dengan a sistem jaringan yang berfungsi dan properti flexbox umum. Saya t mengandalkan Gulp untuk mengkompilasi dan menjalankan CSS dengan cepat, dari komputer mana pun.

Juga menggunakan KURANG bukannya Sass, yang bisa membuat Specter dan pilihan hebat bagi semua pengguna KURANG.

Satu unduhan dari npm hadir dengan semua yang Anda butuhkan: Ikon CSS, mixin, variabel, dan cukup banyak hal lain yang Anda harapkan dari kerangka kerja CSS yang khas.

Semua kode sepenuhnya semantik dan mendukung semua elemen teks HTML, bahkan yang lebih baru suka . Gaya teks juga mendukung font Asia Timur dengan bahasa seperti Cina, Jepang, dan Korea.

Kamu dapat menemukan banyak contoh di “Elemen” halaman yang daftar sampel desain untuk teks, tombol, tabel, ikon, dan formulir web (antara lain).

Spectre juga hadir banyak komponen yang dapat menghemat waktu Anda menghabiskan waktu pengkodean dari awal. Fitur dinamis, seperti pop-overs dan menu tarik-turun, sangat mudah ditambahkan ke tata letak apa pun, hanya dengan beberapa baris kode.

Kerangka kerja ini adalah masih cukup baru dan selalu mengalami perubahan. Pada saat penulisan ini, Spectre sedang dalam v0.2 dan telah banyak fitur eksperimental Anda dapat mencoba.

Tetapi, komponen utama, elemen halaman, dan kisi adalah berfungsi penuh dan siap untuk situs produksi langsung. Spectre adalah salah satu kerangka kerja CSS terbaik yang berjalan pada Less dengan grid flexbox.

Untuk mempelajari lebih lanjut dan memulai, kunjungi halaman dokumentasi meliputi pemasangan & pengaturan.

Anda juga dapat mengunduh salinan kodenya langsung dari GitHub yang juga memiliki bagian kecil untuk dokumentasi. Dan, jika Anda ingin membagikan pendapat Anda, Anda dapat men-tweet akun resmi @spectrecss.