กลายเป็น ของจำเป็น และต้องใช้ไปซะแล้ว สำหรับ add-ons  Firefox ตัวนี้  Fire bug หลังจากที่บริษัทผมได้ให้ทีม production ที่ทำ css กว่า 60 คน เปลี่ยนการใช้ตัวมาตรฐานในการเทส css จาก IE6 มาเป็น Firefoe 1.5 เพราะว่า ถ้าดูได้สมบูรณ์ที่ Fx1.5 เบราเซอร์อื่นๆส่วนใหญ่มักจะเหมือนกัน ทำให้ลดเวลาการแก้ไขลงไปได้

Fire bug ใช้ทำไรได้มั่ง เค้าบอกว่า “You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…” ใช้ แก้ css แบบเห็นๆกันสดๆ บนเบราเซอร์กันไปเลย  ไม่ต้องแก้ไฟล์ css แล้ว อัพขึ้น server แล้ว รีเฟรช ค่อยเห็นผล บางทีแก้นิดๆหน่อย อัพไปอัพมา เสียเวลามาก แล้วมันดีกว่า web developer tool bar ยังไง? อ่านต่อ คลิกที่นี่ »

เมื่อเราเขียน css เสร็จแล้ว อาจมีบางตัว ที่เขียนขึ้นโดยไม่จำเป็น หรืออาจเป็นการเขียนที่ซ้ำซ้อนกัน บาง class บาง id สามารถเขียนแบบสั้นได้ ย่อได้ หดได้ เพื่อที่จะโหลดให้ไวที่สุด เราจะมาใช้ tools ที่มีอยู่กัน ซึ่งเว็บเหล่านี้ให้บริการ ลดโค้ดที่ไม่จำเป็น และปรับให้อยู่ในรูปแบบย่อ โดยที่เราไม่ต้องมานั่งไล่หาเอง

• http://www.cleancss.com/
• http://www.cssdev.com/csstweak/
• http://flumpcakes.co.uk/css/optimiser/
• http://www.cssdrive.com/index.php/main/csscompressor/

ลองเข้าไปใช้บริการกันดูจ้าา

tool ในวันนี้ สำหรับ Web Developer ทุกๆคนเลย ครับ ไม่จำเป็นว่า จะใช้เฉพาะคนที่ทำ CSS เท่านั้น เป็น Addon toolbar ที่ใช้กับ Browser firefox ครับ ถ้าใครยังไม่มี firefox ดาวน์โหลด ที่นี่เลยครับ





มีดีอะไร?

มาดูในส่วนของ css กันก่อน อ่านต่อ คลิกที่นี่ »

เป็นโปรแกรมสำหรับเขียน CSS ครับ มี property และ value ให้เลือกมากมายโดยไม่ต้องพิมพ์เอง มีทั้ง css level 1 และ level 2 เป็นโปรแกรมที่ต้องจ่ายเงินซื้อครับ ถ้าอยากได้ฟังก์ชั่น ที่ครบถ้วน สำหรับตัวที่นำมาให้ดาวน์โหลดนี้ คือ top style lite ครับ เป็น freeware ลองใช้กันดูครับ ช่วยได้มากเลย
ดาวน์โหลด top style lite

เป็นโปรแกรมฟรี ที่ดีมากเลยครับสำหรับใช้ทำ เมนูแบบ CSS ทั้ง แนวตั้ง แนวนอน มี template ให้เลือกหลายแบบครับ สามารถ generate เป็น Html และ CSS ได้เลย เหมาะสำหรับนำมาศึกษา ว่า ul li นำมาทำเมนู แบบ แท็ปได้อย่างไร ดาวน์โหลดได้ที่นี่เลยครับ css tab designer (1.3Mb)