Wing - Rangka Kerja CSS Reka Bentuk Minimalist Ingin
Ekosistem frontend penuh rangka kerja sumber terbuka dibuat untuk memperbaiki proses pembangunan anda. Biasanya, setiap orang mahu sesuatu yang berbeza dari kerangka ini; sesetengah orang mencari estetika manakala yang lain mahu kelajuan atau kebolehgunaan.
Sayap adalah kerangka baru dan sahabat minimalis. Ia datang dengan a persediaan grid default, unsur tersuai, dan komponen yang berjumlah 5 KB.
Mungkin bahagian terbaik tentang Wing adalah auto-styling untuk elemen lalai. Jika anda hanya menggugurkan lembaran gaya CSS Wing ke dalam projek anda, anda akan melihat perubahan dengan serta-merta.
Teks lalai, pautan, dan elemen halaman secara automatik membentuk diri mereka sendiri berdasarkan reka bentuk Wing. Anda juga boleh tambah kelas tambahan anda sendiri untuk menambah lebih estetika ke halaman.
Kapal sayap dengan a Sistem grid 960px menggunakan a Struktur 12-col. Ini adalah persediaan yang sangat mudah dan grid 960px biasanya dianggap terlalu kecil untuk penonton skrin lebar hari ini. Tetapi, jika anda suka laman web yang lebih kecil ini adalah pilihan yang sangat baik.
http://usewing.ml/ adalah mudah gila dan mengikuti sesuatu seperti ini:
123
Anda boleh memasukkan a salinan penuh sayap dari CDN Unpkg. Mereka menyimpan fail mereka terkini dengan versi terkini, jadi anda tidak perlu mengubah nama fail. Hanya tambah URL ini ke tajuk anda dan anda akan mendapat akses penuh ke kerangka Wing terkini.
Sebagai alternatif, anda boleh memuat turun pakej tersebut melalui npm atau tarik salinan sumbernya betul dari GitHub.
Saya akan membandingkan Wing to Normalize.css yang merupakan rangka kerja CSS yang lebih kecil, itu lebih seperti a menetapkan semula perpustakaan. Sayang sebenarnya datang dengan gaya lalai manakala Normalize.css hanya menetapkan semula elemen untuk berfungsi sama dalam semua pelayar.
Keindahan keduanya adalah yang anda ada kawalan penuh kepada edit, restyle, dan ulangi halaman yang anda lihat patut.
Semua coretan dokumentasi dan kod boleh didapati di laman web Wing, jadi gunakan panduan itu jika anda tidak pasti bagaimana untuk menyediakan tapak anda.