ประวัติ Tailwind CSS จากโปรเจกต์คนขี้เกียจสู่ Standard ที่เว็บยุคนี้ขาดไม่ได้

สำหรับสาย Web Developer หรือคนที่กำลังหัดเขียนเว็บ คงไม่มีใครไม่รู้จัก Tailwind CSS เครื่องมือสไตล์ Utility-First ที่ช่วยให้เราแต่งหน้าเว็บได้ไวขึ้นแบบก้าวกระโดด

แต่รู้ไหมครับว่า... ก่อนมันจะปังขนาดนี้ วันแรกที่เปิดตัวมันเคยโดนด่าจนเกือบไม่ได้เกิด?

จุดเริ่มต้นจากความขี้เกียจ: ในยุคปี 2011-2015 โลกโดนครองด้วย Bootstrap เว็บทั้งโลกหน้าตาเหมือนกันหมด พอจะ Customize ก็เจอ "CSS Hell" โค้ดพันกันมั่ว ชายที่ชื่อ Adam Wathan เลยทนไม่ไหว อยากได้ชิ้นส่วนเลโก้เล็กๆ มาประกอบเองใน HTML จึงเกิดเป็น Tailwind ในปี 2017

โดนรุมสับว่าถอยหลังลงคลอง: วันแรกคนด่าเละว่าทำให้โค้ด HTML สกปรก เหมือนย้อนกลับไปเขียน inline style ยุค 1990

จุดเปลี่ยนสู่ระดับโลก: คนที่ทนกระแสแล้วลองใช้จริงกลับพบว่า "มันโค้ดเร็วขึ้นมหาศาล" เพราะไม่ต้องสลับหน้าจอ และไม่ต้องปวดหัวกับการตั้งชื่อคลาส แถมเวอร์ชันต่อมามีระบบ JIT (Just-In-Time) Engine ที่ดึงเฉพาะคลาสที่ใช้จริง ทำให้ไฟล์ CSS เล็กจิ๋วเหลือแค่ไม่กี่ KB จากเดิมที่หนักเป็น MB
จากโปรเจกต์ส่วนตัว วันนี้กลายเป็น Ecosystem ขนาดใหญ่ที่ปลั๊กอินเข้ากับ Next.js / React แบบแกะไม่ออกไปแล้ว