Wing - Kerangka CSS Minimalis yang Diinginkan oleh Desainer Web

Ekosistem frontend penuh kerangka kerja open-source dibuat untuk meningkatkan proses pengembangan Anda. Biasanya, setiap orang menginginkan sesuatu yang berbeda dari kerangka kerja ini; beberapa orang mencari estetika sementara yang lain mau kecepatan atau kegunaan.

Sayap adalah kerangka kerja yang lebih baru dan sahabat minimalis. Itu datang dengan pengaturan grid default, elemen khusus, dan komponen yang totalnya 5 KB.

Mungkin bagian terbaik tentang Wing adalah penataan otomatis untuk elemen default. Jika Anda hanya memasukkan lembar gaya CSS Wing ke proyek Anda, Anda akan segera melihat perubahan.

Teks, tautan, dan elemen halaman default secara otomatis membentuk diri mereka sendiri berdasarkan desain Wing. Anda juga bisa tambahkan kelas tambahan Anda sendiri untuk menambahkan lebih banyak estetika ke halaman.

Kapal sayap dengan a Sistem grid 960px menggunakan sebuah Struktur 12-col. Ini adalah pengaturan yang sangat sederhana dan kisi 960px biasanya dianggap terlalu kecil untuk pemirsa layar lebar saat ini. Tetapi, jika Anda menyukai situs web yang lebih kecil ini adalah pilihan yang sangat baik.

http://usewing.ml/ sangat sederhana dan mengikuti sesuatu seperti ini:

 
 
1
 
2
 
3
 
 

Anda dapat memasukkan a salinan lengkap Wing dari Unpkg CDN. Mereka menjaga file mereka tetap up-to-date dengan versi terbaru, jadi Anda tidak perlu mengubah nama file. Hanya tambahkan URL ini ke tajuk Anda dan Anda akan mendapatkan akses penuh ke kerangka kerja Wing saat ini.

Atau, Anda dapat mengunduh paket via npm atau tarik salinan sumbernya langsung dari GitHub.

Saya akan membandingkan Wing dengan Normalize.css yang merupakan kerangka kerja CSS yang jauh lebih kecil, itu lebih seperti a atur ulang perpustakaan. Sayap sebenarnya datang dengan gaya default sedangkan Normalize.css hanya mengatur ulang elemen agar berfungsi sama di semua browser.

Keindahan keduanya adalah yang Anda miliki kontrol penuh untuk sunting, Restyle, dan memformat ulang halaman namun Anda inginkan.

Semua dokumentasi dan cuplikan kode dapat ditemukan di beranda Wing, jadi gunakan panduan itu jika Anda tidak yakin cara mengatur situs Anda.