รุ่นใหม่ของ Material Design Lite - 1.0.4

Addy Osmani
Addy Osmani

เว็บไซต์ Material Design Lite

Material Design Lite 1.0.3 (และการถดถอยแก้ไข 1.0.4) เปิดตัวแล้ว! รุ่นนี้มุ่งเน้นที่การแก้ไขไลบรารี เทมเพลต เอกสาร และกระบวนการบิลด์ นับตั้งแต่การเปิดตัวครั้งล่าสุด เราได้รับการตอบรับมากกว่า 140 ครั้งจากผู้ร่วมให้ข้อมูลจำนวนมาก ใช่แล้ว

ไฮไลต์บางส่วนมีดังนี้

  • #1256. แก้ไขปัญหาเกี่ยวกับการอัปเดตแถบเลื่อนแบบเป็นโปรแกรม
  • #1281. แก้ไขการจัดแนวไอคอนภายในปุ่มที่มีข้อความอยู่
  • #1285. แก้ไขการวางตำแหน่งปุ่มตัวเลือก
  • #1309 และ #1365 เพิ่มการรวม IIFE และเอกสารลงในคลาสคอมโพเนนต์
  • #1373. นำการจัดรูปแบบเอกสารที่รวมอยู่ใน MDL โดยไม่ตั้งใจออก
  • #1406. แก้ไขการทำงานของเมนูหลังจากซ่อน
  • แก้ไขเมนูแฮมเบอร์เกอร์และลิ้นชักสำหรับชุดค่าผสมเลย์เอาต์บางรายการ
  • การปรับปรุงและการแก้ไขเอกสารหลายครั้ง
  • การปรับปรุงและการแก้ไขกระบวนการสร้างไลบรารีหลายรายการ
  • มีการปรับปรุงเทมเพลตหลายจุด รวมถึงการแก้ไขการช่วยเหลือพิเศษ
  • การปรับปรุงการทดสอบ MDL รวมถึงการเพิ่มการทดสอบการรั่วไหลของหน่วยความจำ

ดูรายละเอียดทั้งหมดได้ที่บันทึกการเปลี่ยนแปลงของรุ่น รวมถึงเหตุการณ์สำคัญ 1.0.3 และ 1.0.4

ดาวน์โหลด Material Design Lite

ดาวน์โหลดรุ่นล่าสุดโดยใช้ซอร์สโค้ด เนื้อหาที่รวบรวม และเอกสารเป็นไฟล์ ZIP

ซึ่งจะมีแหล่งที่มา Sass และ Gulpfile สำหรับทุกคนที่ต้องการสร้างเวอร์ชันของตัวเอง อย่าลืมว่าเราพร้อมให้บริการ ในวันที่ npm เช่นกัน

CDN ของ Material Design

หลังจากตรวจสอบบันทึกการเปลี่ยนแปลงแล้ว ให้อัปเดตเส้นทาง CDN เป็นเส้นทางต่อไปนี้

<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.4/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.4/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

สร้างมาโดยใช้ใบขับขี่ดิจิทัล

เป็นเรื่องน่าตื่นเต้นที่ได้เห็นผู้ใช้แชร์ไซต์ที่พวกเขาเคยเห็นโดยใช้ MDL ประเภทโฆษณาที่ใหม่กว่าที่ใช้ MDL ในเดือนนี้ ได้แก่

เพลงฮิต

ภาพหน้าจอเว็บไซต์ Hits E Beats
ภาพหน้าจอเว็บไซต์ Hits E Beats

TryColors

ลองใช้ภาพหน้าจอสี

ABC.es

ภาพหน้าจอเว็บไซต์ ABC.es
ภาพหน้าจอเว็บไซต์ ABC.es

ลอนดอน RIB Voyages Mobile

ภาพหน้าจอเว็บไซต์ Rib Voyages
และเราดีใจมากที่ได้เห็นเว็บไซต์บางแห่งใช้คอมโพเนนต์เดี่ยวที่กำหนดเอง เช่น Settled.co.uk ใช้แถบเลื่อน MDL ดังนี้
ภาพหน้าจอเว็บไซต์ที่ชำระเงินแล้ว
ภาพหน้าจอตัวอย่างแถบเลื่อน

อยากแชร์โปรเจ็กต์ MDL ที่ยอดเยี่ยมกับเราไหม แจ้งปัญหาใหม่ในเครื่องมือติดตามปัญหาของ GitHub ปัญหาดังกล่าวควรมีลิงก์ คำอธิบายของเว็บไซต์ และภาพหน้าจอที่แนะนำ

แล้วพบกันใหม่ จัดไป!

ด้วยหัวใจหลายดวง

contributorsใน MDL