Wing - CSS Framework ของนักออกแบบเว็บ Minimalist ที่ต้องการความเรียบง่าย

ระบบนิเวศส่วนหน้าเต็มไปด้วย กรอบโอเพนซอร์ซ ทำเพื่อปรับปรุงกระบวนการพัฒนาของคุณ โดยปกติทุกคนต้องการสิ่งที่แตกต่างจากกรอบเหล่านี้ บางคนมองหา สุนทรียศาสตร์ ในขณะที่คนอื่นต้องการ ความเร็ว หรือ การใช้งาน.

ปีก เป็นกรอบที่ใหม่กว่าและเป็นเพื่อนที่ดีที่สุดของ minimalist มันมาพร้อมกับ การตั้งค่ากริดเริ่มต้น, องค์ประกอบที่กำหนดเอง, และ ส่วนประกอบที่รวม 5 KB.

บางทีส่วนที่ดีที่สุดเกี่ยวกับ Wing ก็คือ จัดแต่งทรงผมอัตโนมัติสำหรับองค์ประกอบเริ่มต้น. หากคุณเพียงแค่วางสไตล์ชีท CSS ในโครงการของคุณคุณจะสังเกตเห็นการเปลี่ยนแปลงในทันที.

ข้อความเริ่มต้นลิงก์และองค์ประกอบของหน้า สร้างรูปร่างเองโดยอัตโนมัติ ตามการออกแบบของ Wing นอกจากนี้คุณยังสามารถ เพิ่มคลาสพิเศษของคุณเอง เพื่อเพิ่มความสวยงามให้กับหน้า.

ปีกเรือด้วย ระบบกริด 960px ใช้งาน โครงสร้าง 12-col. นี่เป็นการตั้งค่าที่ง่ายมากและกริด 960px นั้นมักจะถือว่าเล็กเกินไปสำหรับผู้ชมไวด์สกรีนในปัจจุบัน แต่ถ้าคุณชอบเว็บไซต์ขนาดเล็กนี่เป็นตัวเลือกที่ยอดเยี่ยม.

http://usewing.ml/ นั้นง่ายมากและติดตามสิ่งต่อไปนี้:

 
 
1
 
2
 
3
 
 

คุณสามารถรวม ฉบับเต็มของ Wing จาก Unpkg CDN พวกเขาอัปเดตไฟล์ล่าสุดด้วยเวอร์ชันล่าสุดดังนั้นคุณไม่จำเป็นต้องเปลี่ยนชื่อไฟล์ เพียงแค่ เพิ่ม URL นี้ในส่วนหัวของคุณ และคุณจะสามารถเข้าถึงกรอบ Wing ปัจจุบันได้อย่างสมบูรณ์.

หรือคุณสามารถดาวน์โหลดแพ็คเกจ ผ่าน npm หรือดึงสำเนาของแหล่งที่มา ได้จาก GitHub.

ฉันจะเปรียบเทียบ Wing กับ Normalize.css ซึ่งเป็นเฟรมเวิร์ก CSS ที่เล็กกว่ามาก รีเซ็ตไลบรารี. ปีกจริง มาพร้อมกับสไตล์เริ่มต้น ในขณะที่ Normalize.css เพียงรีเซ็ตองค์ประกอบให้ทำงานเหมือนกันในเบราว์เซอร์ทั้งหมด.

ความงามของทั้งคู่คือสิ่งที่คุณมี ควบคุมทั้งหมด ไปยัง แก้ไข, Restyle, และ ฟอร์แมต หน้าเว็บที่คุณเห็นว่าเหมาะสม.

เอกสารและตัวอย่างโค้ดทั้งหมด พบได้ในหน้าแรกของ Wing ดังนั้นให้ใช้คำแนะนำนั้นหากคุณไม่แน่ใจว่าจะตั้งค่าเว็บไซต์ของคุณอย่างไร.