ปิคนิค CSS ไลบรารี่ CSS ไลต์เพื่อเริ่มโครงการเว็บของคุณ
นักพัฒนาบางคนชอบไลบรารี UI โดยละเอียดเช่น Bootstrap สำหรับสไตล์ที่มีคุณสมบัติหลากหลาย แต่มีไลบรารี CSS ขนาดเล็กจำนวนมากที่สร้างขึ้นเพื่อ ความสวยงามของการออกแบบที่ละเอียดอ่อน และ การปรับแต่ง.
หากคุณกำลังมองหา ไลบรารี CSS ขนาดเล็ก แต่มีสไตล์ ฉันแนะนำ CSS ปิคนิค. มันฟรีโอเพนซอร์สและใช้งานได้โดยไม่ต้องแก้ไขอะไรมากนักเพื่อให้หน้าเว็บของคุณมีสไตล์ที่เรียบง่าย แต่สง่างาม.
องค์ประกอบ HTML ดั้งเดิมทั้งหมดคือ restyled โดยค่าเริ่มต้น, ดังนั้นคุณไม่จำเป็นต้องพึ่งพาชั้นเรียน เพียงเพิ่มสไตล์ชีตปิคนิคลงในหน้าเว็บของคุณและรีเฟรช คุณจะสังเกตเห็นรูปแบบปุ่มและองค์ประกอบการพิมพ์ทั้งหมดในรูปลักษณ์ใหม่.
แต่แน่นอนว่าห้องสมุดนี้ รองรับการออกแบบโมดูลาร์ พร้อมตัวเลือกสำหรับการปรับแต่งทุกอย่าง มัน ทั้งหมดเขียนด้วย Sass, ดังนั้นคุณต้องเป็นนักพัฒนา Sass เพื่อทำงานผ่านโค้ด.
คุณสามารถเข้าถึงการพิมพ์เริ่มต้นคลาสระบบกริดและตัวแปรที่ใช้สำหรับองค์ประกอบการกำหนดสไตล์และการระบายสีหน้าทั้งหมด.
Picnic CSS นั้นถูกสร้างขึ้นมาให้มีขนาดเล็กอย่างไม่น่าเชื่อ ขนาดเพียง 10KB เท่านั้น เมื่อลดขนาด นี่คือประมาณ 1/10TH ของ Bootstrap และยังคงมีเสน่ห์ทั้งหมดที่คุณคาดหวังในกรอบงาน UI แบบกำหนดเอง.
เนื่องจากนี่เป็นห้องสมุดเล็ก ๆ ไม่มีคุณสมบัติแบบไดนามิกใด ๆ. แต่คุณสามารถดูตัวอย่างในหน้าทดสอบซึ่งรวมถึงปุ่มหัวกระดาษการ์ดอินพุตแท็บและองค์ประกอบอื่น ๆ ที่คล้ายกัน.
องค์ประกอบแบบไดนามิกบางอย่างเช่นโมดัลและแท็บ, ทำงานกับ CSS ที่แท้จริง. ดังนั้นคุณยังสามารถสร้างเว็บไซต์ที่สอดคล้องได้โดยละเว้น JavaScript อย่างสมบูรณ์ สวยเท่ห์!
ฉันคิดว่าสไตล์ปิคนิคเริ่มต้นนั้นดูน่าเบื่อดังนั้นพวกเขาจึงสามารถใช้การตกแต่งใหม่ได้ แต่โดยรวมแล้วฉันชื่นชอบห้องสมุดนี้และเป็นหนึ่งในวิธีที่ง่ายที่สุดในการเริ่มต้นโครงการใหม่ด้วยเท้าขวา.
ในการเริ่มต้นใช้งานไปที่หน้าปิคนิค CSS GitHub เพื่อ ดาวน์โหลดสำเนา และ ดูตัวอย่างบางส่วน. นอกจากนี้คุณยังสามารถ เรียกดูเอกสารออนไลน์ เพื่อดูว่าแต่ละองค์ประกอบทำงานอย่างไรและสิ่งที่คุณต้องมีเพื่อให้มันทำงานทั้งหมด.
ปิคนิคเป็นคู่ มีอยู่ใน CDN, ดังนั้นคุณไม่จำเป็นต้องดาวน์โหลดไฟล์ในเครื่องเพื่อเริ่มต้นใช้งาน.
