ผมเป็นคนนึงครับที่เบื่อมากกับการที่ต้องมาเขียน css ซ้ำๆ ยิ่งเวลาแก้ไขยิ่งปวดหัว วันนี้ขอแนะนำ prefix-free จะทำให้เราเขียน css สะดวกขึ้นเป็นกองครับ
สำหรับ prefix css นี้มันจะมีหน้าที โหลดไฟล์ Css ของเรามาเขียนใหม่นั่นเองครับ ในแง่ของการ Optimize เว็บถือว่าไม่ดีเลยเพราะทำให้ถูกโหลดสองครั้ง แต่ในแง่ของคนพัฒนา มันถือว่าเป็นเครื่องมือช่วยลดเวลาในการเขียน css อย่างมากครับ เช่นผมจะเขียนง่ายๆ css ใช้ border-radius ปกติต้องเขียนแบบนี้ครับ
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
แต่หลังจากที่ผม เรียกสคริป prefix free เข้าไปในหน้าเว็บแล้ว ผมจะเขียนเหลือเป็นแค่
border-radius: 5px;
จะเห็นได้ว่าสั้นลงมากครับ ยิ่งถ้าไฟล์ที่มีการเขียน css เยอะๆลองคิดดูครับ ว่ามันช่วยลดการทำงานของเราได้มากน้อยแค่ไหนครับ
สำหรับใครที่สนใจสามารถไปดาวโหลดได้เลยที่
http://leaverou.github.io/prefixfree/
ฟรีครับผม ส่วนวิธีใช้งานก็แค่เอาไปวางที่ส่วน Tag Head เท่านั้นเองครับ
<head>
<title>ทดสอบการใช้ prefix free</title>
<script src="http://leaverou.github.io/prefixfree/prefixfree.js"></script>
</head>
ขอให้สนุกกับการเขียนโค๊ดครับ 🙂