และในที่สุด Firefox (Nightly) ก็รองรับการตั้งค่าตัวแปรใน CSS แล้ว!

หลายคน (รวมทั้งผม) คนหงุดหงิดเวลาที่จำอะไรเกี่ยวกับ CSS เช่นการตั้งค่าสี ทำไมมันไม่มีการตั้งค่าตัวแปร เหมือนกับภาษาโปรแกรมมิ่ง ซึ่งเราต้องเข้าใจก่อนว่า CSS มันไม่ใช่ภาษา แต่เป็นการ style เพราฉะนั้นคนเสนอก็ต้องทำให้มันง่าย ๆ มากที่สุด แต่ถ้ามันมีการตั้งค่าตัวแปรได้มันจะทำให้ชีวิตสะดวกสบายมากขึ้น

จากวิดีโอข้างล่างจะเห็นได้ว่า การตั้งค่าและการเรียกค่าตัวแปรมาใช้งานนั้นง่ายมาก ๆ เหมือนตามโค้ดข้างล่าง เวลาแก้สีหรือค่าอื่นๆ ก็แก้แค่ที่เดียว ไม่ต้องมานั่ง search และ replace เหมือนก่อน ถ้าใครใช้ Nightly อยู่สามารถเข้าไปดูตัวอย่างจริงๆ ได้ตาม JSFiddle

ณ ตอนนี้ CSS variables ยังเป็นแค่มาตรฐานที่ร่างอยู่ แต่คาดว่าเบราว์เซอร์สมัย (คนของ Google เป็นคนเสนอ module นี้เอง) คงจะรองรับ CSS ตัวนี้ในเร็ววัน

ที่มา – CSS Variables in Firefox Nightly

No responses yet

Post a comment

ส่งความคิดเห็น