สร้างเลย์เอาต์ตอบสนองที่เรียบง่ายด้วย Mini.css

กรอบส่วนหน้า ควรจะเป็น น้ำหนักเบาและใช้งานง่าย. Bootstrap นั้นเป็นที่นิยมมากที่สุดถึงแม้ว่ามันจะเป็นหนึ่งในรุ่นที่หนักที่สุด และในโลกที่มีทางเลือกมากมายสำหรับ Bootstrap มันอาจเป็นการยากที่จะหาคนที่คุณชอบ.

Mini.css คือ กรอบที่ใหม่กว่า และมันขึ้นอยู่กับชื่อของมันจริงๆ ขณะนี้อยู่ในเวอร์ชัน 2.x เฟรมเวิร์กนี้มีวัตถุประสงค์เพื่อเป็น มีขนาดเล็กที่สุด, ปัจจุบันมีน้ำหนักเพียง 7KB เมื่อ gzipped.

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

คุณสามารถ ติดตั้ง Mini.css ด้วยระบบการจัดการแพ็คเกจ เช่น Yarn, npm หรือ Bower มันยังสามารถ ติดตั้งโดยตรง ถ้าคุณดาวน์โหลดไฟล์จาก GitHub.

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

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

เอกสารทั้งหมดเป็น เขียนเป็นภาษาอังกฤษธรรมดา, ดังนั้นจึงเข้าใจง่าย รวมทั้งพวกเขา รวมวิดีโอ screencast จาก Scrimba ซึ่งทำให้ง่ายต่อการติดตามพร้อมกับตัวอย่างโค้ด.

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

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

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