CSS CLEANER online service

CSS CLEANER online service

บางครั้ง การ code css ติดกัน ก็อาจจะทำให้เราตาลายไปบ้าง เผลอใส่ space สองตัวติดก็มี ใส่ margin จาก 4 ตัว กลายเป็น 5 ตัวก็ยังมี แม้การแสดงผลของมันจะถูก แต่ถ้าเราคิดว่า เราตกๆหล่นๆแบบนี้ไปซักหลายๆตัวใน css 1 file ก็เท่ากับว่า เราต้องสูญเสียเนื้อที่ไปกับสิ่งเหล่านี้โดยใช่เหตุ รวมทั้งในกรณีที่มีการเคาะ space สองรอบ เวลาเราจะเซิจหา css นั้นๆ ก็ทำให้ search ไม่เจออีกด้วย แถมผิดหลักการเีขียนที่ดีอีกต่างหาก

มี tool ตัวนึง ที่สามารถ compress CSS ของเราให้สะอาด แล้วก็จัดระเบียบให้กับมันซะใหม่ แถมมีหลาย option ให้เลือกด้วยว่า จะตัด หรือเพิ่มส่วนไหนตามใจเราต้องการ เพื่อลดขนาด CSS รวมทั้งทำให้ CSS ดูสะอาดเรียบร้อยมากขึ้นด้วย จริงๆแล้ว Tool ที่ทำหน้าที่นี้มีหลายตัว มุกลองเล่นหลายตัว แต่ถูกใจตัวนี้ที่สุด เลยขอหยิบตัวนี้มาเป็นตัวอย่าง

Tool ตัวนี้เป็น Tool online สามารถเข้าไปที่เว็บไซต์ของเค้าแล้วทำการ compress ได้เลย เข้าไปที่

http://www.cssdrive.com/index.php/main/csscompressoradvanced/
จริงๆมันจะมีอยู่ 2 mode ให้เลือก คือ regular mode กับ advance mode ซึ่ง link ที่ให้ไว้ด้านบน จะลิงค์ไปส่วนของ “Advance mode” เพราะรู้สึกว่ามันดีกว่า มี option ให้เลือกเยอะกว่า ทำให้เงื่อนไขในการ clean css ได้ดีมากกว่า