Spectre.css - Rangka Kerja CSS Responsif Berfungsi Berbeza Flexbox

Jika anda mahu menyelam susun atur flexbox maka sekarang adalah masa terbaik untuk bermula. Pelayar moden adalah akhirnya menerima sifat flexbox dan lebih ramai pemaju sedang mendapatkan tindakan.

Tetapi, mengapa bermula dari awal apabila anda boleh membina di atas kod boleh diguna semula? Spectre.css adalah salah satu kerangka terbaik untuk mula menggunakan jika anda baru untuk flexbox.

Rangka kerja sumber terbuka percuma ini disediakan dengan pratetap sistem grid berfungsi dan sifat flexbox biasa. Ia bergantung pada Gulp untuk menyusun dan menjalankan CSS dengan cepat, dari mana-mana komputer.

Ia juga menggunakan KURANG bukannya Sass, yang boleh membuat Spekter dan pilihan hebat bagi semua pengguna kurang.

Satu muat turun dari npm datang dengan semua yang anda perlukan: Ikon CSS, campuran, pemboleh ubah, dan cukup banyak perkara lain yang anda harapkan dari kerangka kerja CSS biasa.

Semua kod adalah semantik sepenuhnya dan menyokong semua elemen teks HTML, walaupun yang lebih baru seperti . Gaya teks juga menyokong fon Asia Timur dengan bahasa seperti Cina, Jepun, dan Korea.

Awak boleh cari tan contoh pada “Elemen” halaman yang mana senarai reka bentuk senarai untuk teks, butang, jadual, ikon, dan borang web (antara lain).

Spektrum juga datang dengan tan komponen yang boleh menjimatkan masa anda menghabiskan masa dari kod. Ciri dinamik, seperti pop-overs dan menu dropdown, sangat mudah untuk menambah susun atur, dengan hanya beberapa baris kod.

Rangka kerja ini adalah masih cantik baru dan ia selalu mengalami perubahan. Pada masa penulisan ini, hantu berada v0.2 dan ada banyak ciri eksperimen anda boleh cuba.

Tetapi, komponen utama, unsur halaman, dan grid adalah Berfungsi sepenuhnya dan bersedia untuk tapak pengeluaran langsung. Spektrum adalah salah satu rangka kerja CSS terbaik yang berjalan pada Kurang dengan grid flexbox.

Untuk mengetahui lebih lanjut dan mulakan, lawati halaman dokumentasi meliputi pemasangan & persediaan.

Anda juga boleh memuat turun satu salinan kod betul dari GitHub yang juga mempunyai bahagian kecil untuk dokumentasi. Dan, jika anda ingin berkongsi fikiran anda, anda boleh tweet akaun rasmi @spectrecss.