Bootstrap 4 จะออกแล้ว !

เมื่อไม่กี่วันที่ผ่านมา Mark Otto ผู้สร้าง Bootstrap ได้เล่าถึงการอัพเดทใหม่ของ Bootstrap 3.3.0 ลงใน Official Blog ครับ แต่สิ่งที่คนฮือฮากว่าก็คือ เค้าได้มีการพูดถึง Bootstrap 4 ที่กำลังจะออกในไม่กี่สัปดาห์ข้างหน้านี้ด้วย โดยเค้าได้เล่าคร่าวๆ ถึงสิ่งใหม่ๆ ที่กำลังจะมาใน Bootstrap 4 ดังนี้ครับ

• ปรับ grid system โดยการเพิ่มการรองรับอุปกรณ์ที่มีหน้าจอขนาดเล็กครับ เดิม .col-xs- จะมีขนาด <768px ซึ่งหลายๆ ครั้งเราคงจะรู้สึกว่ามันค่อนข้างจะกว้างไปหน่อย เข้าใจว่าพอ Bootstrap 4 ออกมา ปัญหานี้น่าจะหมดไปครับ
• เพิ่ม component ใหม่ (น่าจะมีการตัด component บางส่วนที่ไม่จำเป็นออกไปด้วยครับ)
• ปรับปรุง navbar ใหม่หมด
• เปลี่ยนจากหน่วย px มาใช้หน่วย rem และ em แทนครับ โดยทีมงาน Bootstrap มองว่ามันจะช่วยให้การกำหนด font-size และขนาดของ component ต่างๆ ทำได้สะดวกมากขึ้น (ส่วนสาเหตุที่ต้องเปลี่ยนมาใช้ rem และ em ร่วมกัน หาคำตอบได้จากบทความนี้ครับ)
• เลิกรองรับ IE8 (ใช้เป็นข้ออ้างได้มั้ยเนี่ย :P)
• ปรับปรุง form ครั้งใหญ่
• เพิ่ม animation และ transition ให้กับบาง component (คาดว่าปรับให้ไหลลื่นมากขึ้นครับ)
• เพิ่มการรองรับ UMD สำหรับ JavaScript plugin ต่างๆ (UMD หรือ Universal Module Definition คือ pattern ของการเขียน js แบบ module เพื่อให้สามารถเรียกใช้ได้ง่ายผ่าน dependency management อย่าง RequireJS สามารถอ่านวิธีใช้ได้ที่บทความ UMD คืออะไร ?)
• ทำ Documentation ใหม่หมด (เค้าบอกว่าเขียนด้วย Markdown ครับ)
• วิธีการปรับแต่ง theme option แบบใหม่
• และอื่นๆ อีกมากมาย (หลักร้อย)

ส่วนตัวผมมองว่าการเปลี่ยนเวอร์ชันใหม่ครั้งนี้ ทาง front-end developer ไม่น่าจะถึงขั้นต้องเขียนโค้ดใหม่เหมือนตอนเปลี่ยนจาก Bootstrap 2 มาใช้ Bootstrap 3 นะครับ เพราะทางทีมงานน่าจะออกแบบมาให้รองรับการเขียนโค้ดแบบเดิมได้ด้วย(หวังว่านะครับ) ส่วนรายละเอียดการเปลี่ยนแปลงทั้งหมดของ Bootstrap 4 นั้น เราคงจะต้องรอการเปิดตัวอย่างเป็นทางการก่อน ไว้ถึงตอนนั้น ผมจะมาเล่าให้ฟังอีกทีนะครับ