20 Add-on Firefox Hỗ Trợ đắc lực cho Web Designers

Page | 1

20 Add-on Firefox Hỗ Trợ đắc lực
cho Web Designers

Nguyễn Khoa Nam

DH13TH


Page | 2

Mục lục

Nguyễn Khoa Nam

DH13TH


Page | 3

1. Web Developer.

Add-on Web Developer 1.1.6
Add-on Web [Developer] bổ sung thêm một menu và một thanh công cụ trên Firefox –
trình duyệt có đầy đủ các cơng cụ phát triển web tuyệt vời giúp cho việc thi ết kế web
của bạn trở nên dễ dàng hơn.Web Developer cho phép bạn vơ hiệu hóa các tính năng
trên trang web ( như JavaScript, màu sắc trang,..) để chỉnh sửa [CSS] trong th ời gian
thực. Download: />2. Firebug.

Firebug cho phép bạn làm những điều như “tìm các yếu tố [HTML] được ẩn trong trang

web” và có thể tích hợp vơ số các công cụ phát triển vào Firefox ngay trước đầu ngón
tay của bạn.
Với Firebug, bạn có thể chỉnh sửa và gỡ lỗi HTML, [JavaScript] và [CSS] trong thời gian
thực, tìm ra lý do tại sao bạn nhận được thông báo lỗi pesky.
Download: />
Nguyễn Khoa Nam

DH13TH


3.ColorZilla
2.0.2.
Page | 4

Add-on Firefox ColorZilla
Bây giờ, với một nút bấm, bạn có thể dễ dàng lấy các RGB, hex và thậm chí có được
thơng tin về các yếu tố DOM trên bộ điều chỉnh. ColorZilla cũng cung cấp cho bạn khả
năng phóng to trang và đo khoảng cách giữa hai điểm bất kỳ trên trang web mà bạn
đang xem. Đó thật sự là một điều tuyệt vời.
Download:
/>4.Screengrab.

Add-on Firefox Screengrab
Đã bao nhiêu lần bạn nhấn phím “print screen” trong q trình sử dụng web. Thay vì
làm mọi thứ theo cách như vậy với Screengrab bạn cũng có thể nhanh chóng và dễ dàng
lấy một ảnh chụp tồn bộ màn hình, một phần của trang hay toàn bộ cửa sổ mà bạn
đang tìm kiếm và một số tùy chọn khác.
Download: />
Nguyễn Khoa Nam

DH13TH


5.Linkchecker.
Page | 5

Tiện ích này sẽ kiểm tra nếu một liên kết là hợp lệ hoặc không và đây là một trong
những tiện ích “sử dụng hằng ngày”, nó sẽ là một cơng cụ có giá trị trong bộ sưu tập
của bạn.
Download: />6.Window Resizer 1.0.

Add-on Firefox Window Resizer
Với việc sử dụng tiện ích nhỏ này, bạn có thể kiểm tra bất cứ kích thước màn hình nào
bạn muốn mà khơng cần phải sử dụng máy tính khác.
Thử nghiệm một trang web mới hay một dự án trong các kích cỡ màn hình khác nhau sẽ
quyết định quá trình làm việc của bạn. Add-on đơn giản này cho phép bạn làm điều đó.
Cửa sổ hỗ trợ thay đổi kích thước với độ phân giải 640 × 480, 800 × 600, 1024 × 768,
1280 × 800, 1280 × 1024 và 1600 × 1200. Thật tiện lợi phải không nào!
Download : />
Nguyễn Khoa Nam

DH13TH


7.IEViewer.
Page | 6

Add-on Firefox IEViewer
Chạy thử trang web với trình duyệt Internet Explorer trên Firefox mà khơng cần thốt
ra.

IE View được tạo ra để kiểm tra nhanh chóng việc làm thế nào dự án của bạn xuất
hiện trong trình duyệt IE, giúp bạn phát hiện nhanh nhất bất kỳ các vấn đề xảy ra.
Download: />(Lưu ý: Tương tự như IE View là Safari View . Đây là một tiện ích đáng giá để tải về)
8.Dummy Lipsum.

Add-on Firefox Dummy Lipsum
Dummy Lipsum là một addon của Firefox cho phép bạn tạo ra những đoạn text giả
(dummy text) “Lorem Ipsum” ( được lấy từ trang web của Lorem Ipsum).
Download: />
Nguyễn Khoa Nam

DH13TH


9.HTML
Page | 7Validator 0.8.5.6.

Add-on HTML Validator
Thay vì sử dụng một công cụ riêng biệt hoặc website để xác nhận HTML trên một
trang, bạn có thể tải về tiện ích add-on này để có thêm xác nhận HTML bên trong của
Firefox.
HTML Validator cho bạn thấy số lượng các lỗi của trang HTML trong một biểu tượng
trên thanh trạng thái khi bạn đang lướt web, làm cho quá trình đánh dấu các lỗi cực kỳ
nhanh chóng và dễ dàng.
Download: addons.mozilla.org/en-US/firefox/addon/html-validator/
10.MeasureIt.

Add-on Firefox MeasureIt
Với cơng cụ MeasureIt, bạn có thể nhanh chóng và dễ dàng rút ra một cây thước để có
thể đo lường (bằng pixel, chiều rộng và chiều cao) bất cứ thứ gì trên một trang web.

MeasureIt là một cơng cụ chắc chắn sẽ đẩy nhanh quá trình làm vi ệc của bạn.
Download: />
Nguyễn Khoa Nam

DH13TH


11.Codetch.
Page | 8

Add-on Firefox Codetch
Với tiện ích này bạn có thể chỉnh sửa các tập tin của bạn mà không cần rời khỏi trình
duyệt web của bạn. Làm việc như một lite và tiện dụng avatar của Dreamweaver, với
những chức năng cần thiết để thiết lập.
Download: />
12. Webpage Screenshot.

Add-on Firefox Webpage Screenshot
Không giống như phần addon khác, Fireshot cung cấp một bộ cơng cụ chỉnh sửa và chú
thích, để người dùng có thể nhanh chóng sửa đổi những ảnh chụp web và chú thích văn
bản chèn vào và các chú thích đồ họa. Các công cụ như vậy sẽ đặc biệt hữu ích cho các
nhà thiết kế web, tester và content checker.
Download: />
Nguyễn Khoa Nam

DH13TH


13.Page
Font

| 9Finder.

Add-on Firefox Font Finder
Với tiện ích này bạn có thể tìm ra phơng chữ nào đang được sử dụng ở trang web bất
kỳ. Đơn giản là thêm tiện ích này vào Firefox, đánh dấu văn bản mà bạn muốn biết
phơng chữ, và kích phải vào “Font Finder”. Rất thuận tiện cho người thi ết kế và người
thích phong chữ!
Download: />14. CSS Viewer.

Addon CSS Viewer
Khi bạn cần xác định một định dạng CSS của một thẻ div hay button,….thì CSS Viewer là
một công cụ hỗ trợ đắt lực cho bạn. Một cách nhanh chóng và hiệu quả.
Download: />
Nguyễn Khoa Nam

DH13TH


15.CSS
Page |Usage.
10

Add-on Firefox CSS-USAGE
CSS Usage là phần mở rộng của Firebug (do đó yêu cầu bạn phải cài đặt 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.
Download: />16. Page Speed.

Add-on Firefox Page Speed

Page Speed là một trình duyệt mở rộng (dành cho Firefox và Chrome) được phát triển
bởi Google. Nó phân tích trang web và cho bạn biết cách cải thi ện để tăng t ốc độ của
trang web.
Download: />
Nguyễn Khoa Nam

DH13TH


17.Page
HTML
| 11 Validator.

Add-on Firefox HTML Validator
Đâ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ã.
Download: />18. IE Tab 2.

Add-on Firefox IE Tab 2
Những nhà thiết kế web luôn quan tâm đến khả năng tương thích giữa các trình duyệt.
IE Tab 2 là tiện ích cho phép bạn xem bất kỳ trang web nào bằng cách s ử d ụng Internet
Explorer mà khơng cần phải thốt khỏi Firefox. Bạn chỉ cần click phải vào trang web và
sau đó chọn “View Page in IE Tab” trong menu.
Download: />
Nguyễn Khoa Nam

DH13TH

19.Page
SEO| 12
Doctor.

Add-on Firefox SEO Doctor
Tối ưu hóa cơng cụ tìm kiếm là giai đoạn bắt đầu của việc thiết kế, khi HTML vẫn d ễ
dàng mở để thay đổi. SEO Doctor là một công cụ thuận tiện cho việc kiểm tra SEO của
bất kỳ trang web nào.
SEO Doctor cho bạn thang điểm từ 0 đến 100% và làm nổi bật trang web, tối ưu hóa
cơng cụ tìm kiếm. Một tính năng gọn nhẹ là bạn có thể xuất dữ liệu cho các bảng tính
để phân tích và ghi chép.
Download: />20.FireFTP.

Add-on FireFTP
FireFTP sẽ giúp bạn khơng cịn phải lo lắng sở hữu một trình ứng dụng FTP thứ 3. Addon này tuân theo giấy phép mã nguồn mở và gồm tất cả những gì bạn cần để quản trị
dữ liệu. FireFTP gồm có:

Nguyễn Khoa Nam

DH13TH


Page | 13

* Hỗ trợ các giao thức SSL/TLS/SFTP/CHMOD.
* Nhiều cách thức chuyển tập tin lên máy chủ.
* Hỗ trợ kiểm tra trạng thái thường kỳ khi chuyển tập tin.
* Hỗ trợ IPv6
* Tuyệt đối an toàn 100%
* Đồng bộ hóa thư mục

* Hỗ trợ FXP support và hơn thế nữa.
Download: />
Cảm ơn các bạn đã quan tâm bài đọc của mình để có thêm động lực viết
bài ngày càng có nhiều bài viết hay và bổ ích hơn để các bạn tham
khảo.Trong thời gian tới mình sẽ tìm tịi và bổ sung thêm một s ố v ấn đề
mới hay hơn.Xin chào!

Nguyễn Khoa Nam

DH13TH