Material Design Lite - ภาพรวม

Material Design Lite คืออะไร

Material Design Lite (MDL คือไลบรารีองค์ประกอบ UI ที่สร้างด้วย CSS, JavaScript และ HTML ส่วนประกอบ MDL UI ช่วยในการสร้างหน้าเว็บและเว็บแอปที่น่าดึงดูดสอดคล้องและใช้งานได้ในขณะที่ยึดหลักการออกแบบเว็บสมัยใหม่เช่นการพกพาของเบราว์เซอร์ความเป็นอิสระของอุปกรณ์ และความเสื่อมโทรมอย่างงดงาม

คุณสมบัติเด่นของ Material Design Lite มีดังต่อไปนี้ -

  • การออกแบบที่ตอบสนองในตัว

  • CSS มาตรฐานที่มีพื้นที่น้อยที่สุด

  • รวมถึงเวอร์ชันใหม่ของการควบคุมอินเทอร์เฟซผู้ใช้ทั่วไปเช่นปุ่มกล่องกาเครื่องหมายและช่องข้อความซึ่งปรับให้สอดคล้องกับแนวคิดการออกแบบวัสดุ

  • รวมถึงคุณสมบัติพิเศษที่ได้รับการปรับปรุงเช่นการ์ดเค้าโครงคอลัมน์ตัวเลื่อนสปินเนอร์แท็บตัวพิมพ์และอื่น ๆ

  • สามารถใช้ได้โดยมีหรือไม่มีไลบรารีหรือสภาพแวดล้อมการพัฒนาใด ๆ

  • ข้ามเบราว์เซอร์และสามารถใช้เพื่อสร้างส่วนประกอบของเว็บที่ใช้ซ้ำได้

การออกแบบที่ตอบสนอง

  • Material Design Lite มีการออกแบบที่ตอบสนองในตัวเพื่อให้เว็บไซต์ที่สร้างโดยใช้ Material Design Lite จะออกแบบตัวเองใหม่ตามขนาดอุปกรณ์

  • คลาส Material Design Lite สร้างขึ้นเพื่อให้เว็บไซต์สามารถพอดีกับขนาดหน้าจอใดก็ได้

  • เว็บไซต์ที่สร้างโดยใช้ Material Design Lite สามารถใช้งานร่วมกับพีซีแท็บเล็ตและอุปกรณ์มือถือได้อย่างสมบูรณ์

CSS มาตรฐาน

  • Material Design Lite ใช้ CSS มาตรฐานเท่านั้นและเรียนรู้ได้ง่ายมาก

  • ไม่มีการพึ่งพาไลบรารี JavaScript ภายนอกใด ๆ เช่น jQuery

  • ExtensibleMaterial Design Lite คือการออกแบบที่เรียบง่ายและเรียบง่าย

  • ได้รับการออกแบบโดยคำนึงถึงความจริงที่ว่าการเพิ่มกฎ CSS ใหม่นั้นง่ายกว่าการเขียนทับกฎ CSS ที่มีอยู่

  • รองรับเงาและสีที่โดดเด่น

  • สีและเฉดสียังคงสม่ำเสมอในแพลตฟอร์มและอุปกรณ์ต่างๆ

และที่สำคัญที่สุด MDL สามารถใช้งานได้ฟรี