Những addon cần thiết cho dân thiết kế web

I. Html Validator: xem mức độ chuẩn hóa theo w3c

Đây là một tiện ích của Firefox giúp đảm bảo bạn đã viết HTML một cách chính xác. Nó kiểm tra việc đánh dấu của bạn đạt tiêu chuẩn. Và nếu có bất cứ lỗi gì không phù hợp thì tiện ích này sẽ nói cho bạn biết nguyên nhân để bạn cập nhật mã.


II. MeasureIt : dùng để đo pixel của đối tượng trong website
Tiện ích này có một mục đích duy nhất là nó cung cấp cho bạn một cây thước mà bạn có thể sử dụng trên bất kỳ trang Web nào dùng để đo lường. Bởi vì những nhà thiết kế web phê bình dựa trên kích thước thích hợp của các yếu tố thiết kế, đây là một công cụ có giá trị để thêm vào bộ sưu tập tiện ích Firefox của bạn.



III. seo doctor - công cụ kiểm tra tối ưu seo

SEO Doctor là một công cụ SEO hiện đại nhưng khá đơn giản, giúp các bạn có thể tối ưu hóa website của mình dễ dàng hơn thông qua các chức năng của công cụ này


IV. WebRank Toolbar : Thống kê lưu lượng, định tuyến cho việc cập nhật sitemap của website: alexa, google, yahoo, bing, ...



V. Firebug
Firebug là tiện ích phổ biến nhất của Firefox. Và nếu bạn hỏi bất kì những nhà thiết kế Web tiện ích nào của Firefox mà họ không thể thiếu, chắc chắn họ sẽ trả lời là Firebug.
Firebug là một nguồn tiện ích cung cấp cho các nhà thiết kế Web những công cụ mạnh mẽ để kiểm tra và gỡ lỗi thiết kế Web. Nó có thể giúp bạn tìm ra những gì mà CSS tác động vào (trong trường hợp bạn gặp rắc rối với các quy tắc), kiểm tra mô hình đối tượng tài liệu (DOM) để tìm hiểu cấu trúc của trang Web, xác định các thuộc tính như màu sắc, chiều rộng, chiều cao của HTML và nhiều hơn nữa
Những addon dành cho firebug

1. CSS Usage là phần mở rộng của Firebug phát hiện ra những quy tắc không dùng CSS. Nó hoạt động bằng cách xác định CSS mà bạn sử dụng và không sử dụng, chỉ ra những phần không cần thiết có thể được loại bỏ để giữ cho các tập tin CSS trở nên nhẹ nhất.



2. cssUpdate: cập nhật đồng bộ CSS cho file



3. Firecookie: xem cookie


4. Firefinder/ FirePath: tính năng xem đường dẫn của các đối tượng trong website



5. Firepicker: tính năng chọn màu khi sửa CSS bằng firebug




6. FireQuery: hỗ trợ firebug xem các đối tượng bị tác động bằng thư viện Jquery