Spectre.css - CSS Framework ที่ตอบสนองต่อ Flexbox ที่มีน้ำหนักเบา

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

แต่ทำไมเริ่มจากศูนย์เมื่อคุณสามารถ สร้างบนรหัสนำมาใช้ใหม่? Spectre.css เป็นหนึ่งในเฟรมเวิร์กที่ดีที่สุดในการเริ่มใช้ถ้าคุณยังใหม่กับ flexbox.

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

มันยัง ใช้น้อยกว่า แทนที่จะเป็น Sass ซึ่งสามารถสร้าง Spectre และเป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้ใช้ LESS ทุกคน.

ดาวน์โหลดหนึ่งไฟล์จาก npm มาพร้อมกับทุกสิ่งที่คุณต้องการ: ไอคอน CSS, มิกซ์อิน, ตัวแปร, และสิ่งอื่น ๆ ที่คุณคาดหวังจากเฟรมเวิร์ก CSS ทั่วไป.

รหัสทั้งหมดคือ ความหมายอย่างเต็มที่ และ รองรับองค์ประกอบข้อความ HTML ทั้งหมด, แม้แต่คนใหม่ ๆ ที่ชอบ . สไตล์ข้อความด้วย รองรับฟอนต์เอเชียตะวันออก ด้วยภาษาเช่นจีนญี่ปุ่นและเกาหลี.

คุณสามารถหา ตัวอย่างมากมาย บน “องค์ประกอบ” หน้าไหน แสดงตัวอย่างการออกแบบ สำหรับข้อความปุ่มตารางไอคอนและแบบฟอร์มบนเว็บ (เหนือสิ่งอื่นใด).

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

กรอบนี้คือ ยังใหม่อยู่ และมักจะมีการเปลี่ยนแปลงอยู่เสมอ ในช่วงเวลาของการเขียนนี้ Spectre อยู่ใน v0.2 และมี คุณสมบัติการทดลองมากมาย คุณสามารถลอง.

แต่องค์ประกอบหลักองค์ประกอบของหน้าและกริดคือ ทำงานได้อย่างสมบูรณ์ และ พร้อมสำหรับไซต์การผลิตสด. Specter เป็นหนึ่งในเฟรมเวิร์ก CSS ที่ดีที่สุดที่ทำงานบน Less ด้วยกริดแบบ flexbox.

หากต้องการเรียนรู้เพิ่มเติมและเริ่มต้นใช้งานไปที่ หน้าเอกสาร ครอบคลุมการติดตั้งและตั้งค่า.

คุณยังสามารถดาวน์โหลดสำเนาของรหัสได้ ได้จาก GitHub ซึ่งยังมีส่วนเล็ก ๆ สำหรับเอกสารประกอบ และหากคุณต้องการแบ่งปันความคิดของคุณคุณสามารถทวีตบัญชีทางการ @spectrecss.