Vital CSS - กรอบงานเว็บบุกรุกขั้นต่ำสุด

ย้ายไปที่ Bootstrap เพราะมี เฟรมเวิร์ก CSS ใหม่ ที่อยู่ในเมือง. ก็เรียกว่า จำเป็น และแถบการพัฒนาส่วนหน้า ลงไปยังสิ่งจำเป็นเปลือย.

ที่สำคัญมาพร้อมกับ CSS เท่านั้น และมี ศูนย์ JavaScript ไลบรารีหรือการขึ้นต่อกัน. และสไตล์ชีทของ Vital.css คือ เพียง 31KB ลดขนาด, รวมถึงแบบอักษรไอคอน.

เพียงไฟล์ CSS ของ Bootstrap เพียงอย่างเดียวรวมประมาณ 118KB Vital นั้นมีขนาดเท่ากับ Bootstrap ถึง 1 ใน 4! มันสร้างขึ้นสำหรับนักพัฒนาที่เพิ่ง ต้องการทางออกที่รวดเร็ว สำหรับโครงการต่อไปของพวกเขา.

สำคัญคือ กรอบโอเพนซอร์สอย่างสมบูรณ์ ด้วยรหัสทั้งหมดที่มีอยู่ใน GitHub เพื่ออ่าน.

ทุกๆสิ่งคือ สร้างด้วย Sass สำหรับ CSS และ Slim สำหรับ HTML. แต่นี่คือ เพื่อการพัฒนาเท่านั้น, ดังนั้นหากคุณใช้ Vital เพื่อการผลิตคุณก็สามารถทำได้ ส่งออก CSS ที่แท้จริงโดยตรง.

รุ่นล่าสุด มีให้ดาวน์โหลดใน เผยแพร่หน้า และสิ่งเหล่านี้รวมถึง รหัส CSS พร้อมด้วย แบบอักษรไอคอนที่กำหนดเอง. คุณจะพบ การสาธิต HTML & CSS มากมาย และ เอกสารพื้นฐานบางอย่าง ในหน้า GitHub.

แต่สิ่งที่ดีจริงสามารถพบได้ใน หน้าส่วนประกอบ. นี้ แสดงรายการทุกสิ่งที่คุณได้รับด้วย Vital, รวมถึงกริด, การพิมพ์, ปุ่ม, ตัวตัก, ตาราง, แท็บ, อินพุตแบบฟอร์มและอื่น ๆ อีกมากมาย.

คุณสมบัติเหล่านี้ไม่ขึ้นอยู่กับ JavaScript, ซึ่งเป็นโบนัสมาก ได้รับคุณสามารถทำเพิ่มเติมได้ด้วย JavaScript แต่ก็ไม่ต้องกังวลเกี่ยวกับ JS ในขณะที่จัดแต่งส่วนหน้า.

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

แต่สำคัญสามารถทำงานได้ดีสำหรับนักพัฒนาใด ๆ ด้วยประสบการณ์ HTML / CSS. มันคือ ฟรีทั้งหมด กรอบและมัน เบากว่ามาก กว่าทางเลือก.

หากต้องการเรียนรู้เพิ่มเติมให้ดูที่หน้าแรกของ Vital หรืออ่านผ่านบทความที่เขียนขึ้นโดยผู้สร้าง Vital Discussing ทำไมพวกเขาสร้างกรอบ และ ปัญหาที่เกิดขึ้นเพื่อแก้ไข.