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 สามารถใช้งานได้ฟรี