Petal เป็น CSS UI Framework ที่จัดระเบียบและมีน้ำหนักเบาทำงานบน LESS

จาก Bootstrap ถึง Foundation ดูเหมือนจะมี กระแส CSS กรอบที่ไม่มีที่สิ้นสุด เลือกจาก แต่ น้อยวิ่งน้อย และแม้แต่น้อย รวมทั้งจัดเป็น Petal.

โครงการโอเพนซอร์สขนาดเล็กนี้คือ สร้างขึ้นภายในสำหรับทีมที่ Shakr แต่พวกเขาตัดสินใจที่จะ ปล่อยมันทั้งหมดบน GitHub. มันยังคงเป็น กรอบงานใหม่ ดังนั้นจึงมีพื้นที่มากมายสำหรับการปรับปรุง ในสถานะปัจจุบัน Petal เป็น a กรอบคุณสมบัติที่หลากหลาย สำหรับโครงการเว็บใด ๆ.

ทุกคนที่สนใจควรตรวจสอบ หน้าหลัก และดูมากกว่า เอกสารบางส่วน.

สไตล์ชีทของ Petal แบ่งออกเป็น ไฟล์น้อยแตกต่างกัน, ดังนั้นมันจึงถูกจัดระเบียบ ขึ้นอยู่กับคุณสมบัติและการตั้งค่า. วิธีนี้ถ้าคุณต้องการเปลี่ยนแปลงหรือค้นหาคลาสเฉพาะที่คุณต้องการ เรียกดูไฟล์เดียวเท่านั้น, เช่น typography.less, มากกว่าห้องสมุดทั้งหมด.

คุณสามารถเห็นบางส่วนของ คุณสมบัติการออกแบบทั่วไปเพิ่มเติม ในปากกานี้พร้อมกับ ตัวอย่างโค้ด คุณสามารถคัดลอก.

Petal มีไว้เพื่อเป็น กรอบที่เรียบง่าย กับ สไตล์ที่สร้างไว้ล่วงหน้าอย่างง่าย.

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

นี่คืออะไร กลีบดอกไม้ทำได้ดี, และสูดอากาศบริสุทธิ์ในโลกที่เต็มไปด้วยหน้าแรกของ Bootstrap.

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

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

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

สำหรับเฟรมเวิร์ค CSS ขนาดเล็ก Petal นั้นน่าประทับใจอย่างแท้จริง ขณะนี้อยู่ในวัยเด็กที่ v0.5 แต่จะพัฒนาอย่างต่อเนื่องเมื่อเวลาผ่านไป เพื่อเรียนรู้เพิ่มเติม ตรวจสอบหน้าแรกของ Petal, และดูว่าคุณสามารถสร้างอะไรได้บ้าง!