วิธีเปิดการทำงานของ CSS Regions, CSS Shapes, และ CSS Blend ใน Google Chrome

ได้ลองก่อน หมายถึงได้รู้ก่อน สำหรับเหล่า web designer ผู้กระหายความรู้และการสรรหาของใหม่ๆ ไม่มีอะไรที่จะทำให้พวกเรามีความสุขได้เท่ากับได้ทดลองใช้ CSS 3 เวอร์ชั่นที่ยังไม่สมบูรณ์อีกแล้ว

ตอนที่ผมเขียนบทความนี้อยู่ พวก CSS Regions, CSS Shapes, และ CSS Blend (ที่ไม่ใช่ Bendmore) ยังอยู่ในสถานะ “ทดลอง” นั่นหมายความว่า web browser ทั่วไปจะไม่สามารถแสดงผล CSS พวกนี้ได้ตรงๆ ต้องใช้กำลังนิดหน่อยครับ

ใน Google Chrome นั้น เราสามารถเปิดการทำงานของ CSS พวกนี้ได้ โดยทำตามขั้นตอน หรือดู video ด้านล่าง

 

วิธีเปิดการทำงานของ CSS Regions, Shapes, และ Blend

1. copy ข้อความนี้ chrome://flags/#enable-experimental-web-platform-features ไปวางใน URL Address bar และกด enter
2. คลิก link ที่ชื่อว่า ‘Enable’ ในหัวข้อ Enable experimental web platform feature (พี่แอ๊ดที่เคารพทักมามาอันใหม่เปลี่ยนจาก webkit เป็น web platform แล้ว ขอบคุณพี่แอ๊ดมา ณ ที่นี่ครับ -/\-)
3. คลิกปุ่ม ‘Relaunch Now’ ด้านล่าง เพื่อ restart ตัว Chrome ใหม่

วิธีเปิดการทำงานของ CSS Filters

1. copy ข้อความนี้ chrome://flags/#enable-css-shaders ไปวางใน URL Address bar และกด enter
2. คลิก link ที่ชื่อว่า ‘Enable’ ในหัวข้อ Enable CSS Shaders
3. คลิกปุ่ม ‘Relaunch Now’ ด้านล่าง เพื่อ restart ตัว Chrome ใหม่

เปิดแล้วอย่าลืม!

หลังจากเปิดการทำงานเรียบร้อยแล้ว  ก็อย่าลืม จากผมนะ 🙂