Prefix free จะทำให้ชีวิตคุณเขียน css ง่ายขึ้นเยอะ

25 Aug

prefix-free-js

 

ผมเป็นคนนึงครับที่เบื่อมากกับการที่ต้องมาเขียน 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>

ขอให้สนุกกับการเขียนโค๊ดครับ 🙂

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *