I discover new and useful Firefox extensions every day. Here are some of my most favourite Firefox extensions:
1. HTML Validator
Links:
HTML Validator adds HTML validation capability inside Firefox. It shows the number of errors or warnings of an HTML page in the form of an icon in the bottom right of your browser’s status bar. If you double click on the icon, it will open the source view and highlight the errors and provide the details of the errors. The extension is based on Tidy and OpenSP (SGML Parser) and makes the validation locally on your machine, without sending your web page to a third party server.
2. Web Developer
Links:
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools such as: disabling various elements, handling cookies and forms, viewing and editing CSS style sheets, managing images, displaying and outlining page elements, resizing your window and small screen rendering and more.
3. Firebug
Links:
Firebug is another Firefox extension that integrates many development tools in your browser. You can edit, debug, and monitor CSS, HTML and JavaScript live in any web page. Firebug makes it so easy to inspect your DOM structure and debug your work. When you inspect your layout elements on the page, Firebug will highlight each element with a visual representation of the element itself (blue colour) and its margins (yellow colour) and paddings (purple colour). The Style tab shows what styles affect this particular element (inherited) and allows you to disable or edit individual styles. The Layout tab shows a representation of the box model and the DOM tab shows you all the values of the different elements and nodes.
4. MeasureIt
Links:
- https://addons.mozilla.org/en-US/firefox/addon/539
- http://www.kevinfreitas.net/extensions/measureit/
MeasureIt draw out a ruler to get the pixel width and height of any element on a webpage. To use it, click on the MeasureIt icon at the bottom left in the status bar to turn it on. Then click and drag out a ruler box, which will display the width and height of the box as you drag. You can click the X to close that ruler or click anywhere else to start measuring again. Press Esc to turn MeasureIt off.
5. Screengrab!
Links:
Screengrab! allows you to save as .png images what you see in the window, the entire page, just a selection, a particular frame and more.
6. Link Checker
Links:
- https://addons.mozilla.org/en-US/firefox/addon/532
- http://www.kevinfreitas.net/extensions/linkchecker/
Link Checker helps you check the validity of links on any web page at a glance with simple colour coding. Green means the link is working, red means it does not. Yellow means forbidden links and grey means skipped links.
7. English (Australian) Dictionary
Links:
An add-on dictionary that underlines misspelled words according to Australian English dictionary.
8. ColorZilla
Links:
ColorZilla is an advanced Eyedropper, ColorPicker, Page Zoomer which you can use to get a colour reading from any point in your browser, quickly adjust this colour and paste it into another program. You can also zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colours from pre-defined colour sets and saving the most used colours in custom palettes.
9. Del.icio.us
This extension helps you work seamlessly with your del.cio.us online account. del.cio.us post enables you to post current page or link to del.icio.us from within your browser.
10. IE Tab
Links:
IE Tab allows web developers to easily see how a web page is displayed in IE without the need to switch to the actual browser. Unfortunately, this extension does not work on Mac OS.
11. Aardvark
- Links:*
Aardvark is a powerful and user-friendly selector utility for selecting elements and doing various actions on them. It can be used for cleaning up a page prior to printing it (by removing and isolating elements), for making the page more readable, and (most appreciated by web developers) and for analysing the structure of a page.