สร้างเว็บไซต์ที่มีธีมแบนสีสันด้วยชุด CSS Mint UI

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

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

ที่แก่นแท้ของ CSS Mint มี ทำให้ไลบรารีเป็นปกติ พร้อมกับรีเซ็ตที่กำหนดเองอื่น ๆ สิ่งนี้มีไว้เพื่อ กำจัดปัญหาและข้อผิดพลาดข้ามเบราว์เซอร์ทั้งหมด เพื่อให้ codebase สอดคล้องกันทั่วกระดาน.

โค้ด CSS ทั้งหมดตามมา หลักการของ OOCSS, ดังนั้นคุณควรมีเวลาง่าย ๆ ในการเพิ่ม (หรือปรับแต่ง) รหัสฐานข้อมูลที่มีอยู่.

ในการเริ่มต้นคุณเพียงแค่ เพิ่มสไตล์ชีท CSS Mint โครงการของคุณ สามารถติดตั้งผ่าน Bower หรือผ่านลิงค์ CDN หรือแม้กระทั่งโฮสต์ในเครื่องหากคุณดาวน์โหลดสำเนาจาก GitHub.

เมื่อคุณสร้างเว็บเพจใหม่คุณจะต้องปฏิบัติตามรหัส HTML5 ที่เป็นไปตามมาตรฐาน ระบบกริดนั้นยึดตามคอนเทนเนอร์

องค์ประกอบ องค์ประกอบเริ่มต้นส่วนใหญ่เช่น

เป็น สไตล์อย่างเต็มที่, กับ คลาสที่เป็นทางเลือกสำหรับโครงร่างที่ต่างกัน.

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

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

มันไม่ได้มีการควบคุมที่มากเท่ากับ Sass และ Lessers แต่ความงามของ Mint อยู่ในความเรียบง่าย เพียงเพิ่มสไตล์ชีทในหน้าของคุณและคุณก็พร้อมแล้ว!

หากต้องการเรียนรู้เพิ่มเติมโปรดเยี่ยมชม GitHub repo สำหรับลิงค์ดาวน์โหลดและคำแนะนำในการติดตั้ง และคุณสามารถแบ่งปันความคิดของคุณกับผู้สร้าง Arun Michael Dsouza บน Twitter ของเขา @ amdsouza92.