Để chỉnh sửa, thiết kế template một cách dễ dàng trực quan trên trình duyệt bạn cần phải có các công cụ hỗ trợ. Đó là những add on (tiện ích)  miễn phí của firefox, bạn có thể xem hình sau để tham khảo. (nhớ chọn tiện ích phát triển web) có rất nhiều công cụ cho bạn lựa chọn.
Link: https://addons.mozilla.org/vi/firefox/extensions/web-development/

Tiện ích trên trang chủ firefox

Hiện tại trên trình duyệt của mình chỉ gồm các công cụ sau:
- Cái quan trọng nhất là Firebug: cái này không thể thiếu
 + Chức năng: bạn có thể chỉnh sửa, gỡ lỗi, và theo dõi CSS, HTML và JavaScript trực tiếp trên bất kì trang web nào
 + Link: https://addons.mozilla.org/vi/firefox/addon/firebug/
- Cái thứ hai mình hay dùng là Colorzilla: cái này cũng thế không kém phần quan trọng
 + Chức năng: lấy màu cho bạn ở bất kì nơi nào trên trình duyệt
 + Link: https://addons.mozilla.org/vi/firefox/addon/colorzilla/
- Cái thứ ba là Fireshot: cái này xài cũng tiện
 + Chức năng: chụp ảnh toàn trang trên trình duyệt của bạn, chỉnh sửa và lưu lại
 + Link: https://addons.mozilla.org/vi/firefox/addon/fireshot/
Khám phá đi  các bạn, để xem firebug là cái gì bạn có thể xem hướng dẫn tại link sau: http://www.izwebz.com/video-tutorials/misc/firebug-webmaster-can-co/