โฮมเพจ » Toolkit » Milligram.css - Minimalend Frontend Library สำหรับนักพัฒนา

    Milligram.css - Minimalend Frontend Library สำหรับนักพัฒนา

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

    แต่ Milligram เป็น ทางเลือกที่มีน้ำหนักเบาสุดรวมเป็นเงินประมาณ 8KB ในไฟล์. css. สามารถติดตั้งผ่าน Bower, NPM หรือดาวน์โหลดโดยตรงที่โฮสต์ภายในเครื่องหรือผ่าน CDN.

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

    หากคุณแค่ทดสอบมันออกมา ลองเพิ่มไฟล์โดยตรงจาก CDN สดแทนการดาวน์โหลดในเครื่อง. วิธีนี้คุณสามารถตั้งค่าโครงการตัวอย่างบน CodePen หรือ IDE บนคลาวด์อื่น.

    นอกจากนี้ห้องสมุดยังใช้ฟอนต์ Roboto ฟรีที่โฮสต์โดย Google สำหรับการพิมพ์ทั้งหมด คุณสามารถใช้ Milligram โดยไม่ต้องใช้ Roboto แต่คุณจะไม่ได้แบบอักษรที่สวยงามเหมือนเดิม.

    ไลบรารี Normalize พิเศษและแบบอักษร Google สามารถรู้สึกเป็นภาระ แต่พวกเขาทั้งหมดสามารถ โฮสต์บน CDN ภายนอก แล้วคุณละ ไม่จำเป็นต้องกังวลเกี่ยวกับเวลาการโหลด HTTP จากเซิร์ฟเวอร์ของคุณ. และ Milligram มาพร้อมกับการจัดรูปแบบเริ่มต้นสำหรับองค์ประกอบหน้าพื้นฐานทั้งหมด:

    • ส่วนหัวและย่อหน้า
    • รายการสั่งซื้อและไม่เรียงลำดับ
    • blockquotes
    • ตาราง
    • เขตข้อมูลฟอร์ม
    • รูปภาพที่มีคำอธิบายภาพ
    • และค่อนข้างมากขึ้น!

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