คนทำเว็บหลายๆคนคงมีปัญหากับการปรับแต่ง style css ของ เว็บหรือ template ว่าไม่รู้จะแก้ตำแหน่งไหน จะแก้สีตัวอักษรตรงไหน , เปลี่ยนรูป background ยังไง , ปรับขนาดตารางยังไง , เปลี่ยนสี link ยังไง เห็นโค้ดแล้วตาลายไปหมด วันนี้ผมมาแนะนำเครื่องมือเจ๋งๆตัวนึงชื่อว่า firebug เป็น plugin ของ firefox ที่มีคุณสมบัติ ที่สามารถแสดงและแก้ไขพร้อมแสดงผลลัพท์ของ CSS , Java , Html , DOM และอีกหลายๆคุณสมบัติ ของหน้า template ที่เราจะแก้ไขแบบง่ายๆ มองเห็นภาพ เรามาเริ่มกันเลยครับ
1. ก่อนอื่นต้อง install firebug ก่อนสามารถโหลดจาก plugin ของ firefox ที่นี่ https://addons.mozilla.org/en-US/firefox/addon/1843/ กด Add to Firefox เพื่อ install …หลังจาก install ให้คุณทำการ restart firefox ใหม่เพื่อเริ่มการใช้งาน
2. หลังจาก install firebug และ restart firefox เรียบร้อยแล้ว คุณจะสังเกตุเห็นปุ่ม icon รูปแมลงที่ด้านขวาล่าง ให้คุณเปิดหน้าเว็บที่คุณจะทำการปรับแต่ง css แล้วกดที่ปุ่ม firebug
