วันนี้เราก็มี tool ที่ใช้แล้วรู้สึกเวิร์ค จะมาแนะนำกัน เป็น firefox extension ใช้สำหรับ Browser firefox นั่นเอง ตัวแรกเป็น

View source chart

เมื่อเราลง addon ตัวนี้แล้ว เราจะสามารถคลิกขวาที่หน้าเว็บ แล้วเลือกคำว่า view source chart เราก็จะสามารถ ดูซอร์ส โค้ด ของหน้าเว็บ ได้อย่าง advance มากขึ้น โดยจะมีการแบ่ง เป็น สี และ ครอบ object แต่ละก้อนให้เราดูอย่างชัดเจน

ตัวอย่าง

ดาวน์โหลด ตัว addon นี้ ได้ที่นี่ View source chart

Fire shot

เป็นตัวที่ สำหรับ capture หน้าเว็บ เหมาะกับคนที่ทำงาน ควบคุมการ ทำหน้าเว็บให้เป็นไปตามดีไซน์ เมื่อมีการผิดพลาด เราก็จะ capture หน้าเว็บ แล้วทำเครื่องหมาย วง หรือ ลุกศร ชี้ไป และพิมพ์ข้อความส่งกลับไปบอกคนทำ html   addon ตัวนี้ จะทำให้งานตรงนี้ง่ายขึ้นมาก
เพราะจะมี เครื่องมือให้เราวงล้อมกรอบส่วนที่ต้องการจะใส่คอมเม้น พร้อมหมายเลข 1, 2 ,3 เพื่อบอกจำนวนตำแหน่ง และให้เราใส่คอมเม้น ได้ ในคลิก เดียว หรือจะ เปลี่ยนจากการล้อมรอบ เป็นลูกศรชี้ก็มีให้เลือก

ตัวอย่าง

แต่ว่าตัวนี้ จะต้องใช้กับ firefox เวอชั่น 2.0 เป็นต้นไป นะครับ ดาวน์โหลด ได้ที่นี่ fire shot 

ผมเคยแนะนำตัว Addon ไปหลายตัวเหมือนกันทั้ง web developer tool bar,  firebug เพื่อนๆ มี addon ตัวไหน ที่ใช้อยู่ ใช้แล้วดี ใช้แล้วมันส์ ก้แนะนำกันมาได้ในคอมเม้น เลยนะครับ บรรยายสักหน่อย ใส่ลิ้งค์มาเลย

กลายเป็น ของจำเป็น และต้องใช้ไปซะแล้ว สำหรับ 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 ยังไง? อ่านต่อ คลิกที่นี่ »