CSS-Tricks เผยโฉม MicroLighter เครื่องมือไฮไลต์โค้ด
CSS-Tricks แนะนำ MicroLighter เครื่องมือไฮไลต์โค้ดตัวใหม่ รองรับธีมและหลายภาษาโดยไม่ต้องพึ่งพาไลบรารีภายนอก
ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
- MicroLighter ตอบโจทย์ความต้องการของ CSS-Tricks ครบถ้วน
- ลดการพึ่งพาไลบรารีเสริมภายนอก
- ใช้ประโยชน์จากฟีเจอร์ CSS สมัยใหม่
เว็บไซต์ CSS-Tricks ได้พูดถึงเครื่องมือไฮไลต์โค้ดตัวใหม่ในชื่อ MicroLighter ซึ่งเข้ามาตอบโจทย์ความต้องการของทีมงานได้อย่างลงตัว ไม่ว่าจะเป็นการรองรับธีม การแสดงเลขบรรทัด และการรองรับหลายภาษา โดยตัดปัญหาเรื่องการพึ่งพาไลบรารีหรือส่วนเสริมภายนอกที่ไม่จำเป็นออกไป
ก่อนหน้านี้ Chris ได้พัฒนาบล็อก WordPress แบบกำหนดเองที่เชื่อมต่อกับ Prism.js มาเป็นเวลาหลายปีแล้ว แม้ว่า Prism.js จะเป็นเครื่องมือที่มีความแข็งแกร่ง รองรับภาษาจำนวนมาก น้ำหนักเบา และผ่านการทดสอบมาอย่างโชกโชน แต่ทีมงานก็ยังคงมองหาแนวทางในการนำ MicroLighter เข้ามาผสานเข้ากับบล็อก WordPress เช่นกัน
ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
ไม่ใช่ว่าเครื่องมือนี้จะไม่มี JavaScript เข้ามาเกี่ยวข้องเลย แต่เป็นเพราะมันใช้ปริมาณ JavaScript ที่น้อยลงกว่าเดิม และหันไปพึ่งพาความสามารถของ CSS สมัยใหม่อย่างหนักหน่วงแทน
การใช้ CSS สมัยใหม่ในเครื่องมือไฮไลต์โค้ดช่วยลดภาระการประมวลผลของฝั่ง JavaScript ได้อย่างมีประสิทธิภาพ ทำให้เว็บโหลดเร็วขึ้นและนักพัฒนาสามารถปรับแต่งหน้าตาได้ง่ายผ่านสไตล์ชีตโดยตรง
ด้วยการนำฟีเจอร์อย่าง light-dark() และ custom properties เข้ามาใช้งาน ทำให้การสร้างและปรับแต่งธีมในแบบฉบับของตัวเองกลายเป็นเรื่องที่ทำได้จริงและง่ายดายยิ่งขึ้นสำหรับนักพัฒนาทุกคน
ที่มา: CSS-Tricks
พบข้อมูลผิดพลาดในบทความนี้? แจ้งปัญหาบทความนี้
ความคิดเห็น
แสดงความคิดเห็น