There are many good Firefox extensions for web design besides the Web Developer Toolbar. A few are listed below.
Theis a great addition to Firefox. It lets you know about HTML warnings or errors on the status bar, and also gives you more detailed information when you view the source of a web page.
When you view source in Firefox (keyboard shortcut: CTRL-U), you will see the HTML in the top window. In the bottom left window (marked by arrow number one) there is a list of HTML errors and warnings. In the bottom right window (marked by arrow number two) there is an explanation of the selected HTML warning.
is a great Firefox extension. It allows you to draw a translucent box on a web page and get a measurement in pixels.
In the following image, I've used MeasureIt to highlight a section of the page with a translucent blue box. The red arrow points to the readout which tells me that the selected area is 568 pixels in width and 132 pixels in height. You can use this marquee tool to measure any area on a web page.
is a useful Firefox extension. It will tell you the color of any part of a web page.
The image below is from the Firefox status bar with Colorzilla installed. From left to right:
If you like this extension and are using Windows, also check out the free program called contact form.which performs similar functions but can be used outside of Firefox. Colorzilla only works inside of Firefox. If you know of a program like Pixie that runs on Linux and Mac, please send me the URL by using the
If you want to see your HTML in a beautified form, get the. It improves readability and might be able to help with troubleshooting.
Firefox is such a good browser that you will never need to use Internet Explorer again -- except for the occasion when you want to see how your web pages display on Internet Explorer. (Internet Explorer does have a lot of problems so even if you made your CSS correctly, you still want to make sure it displays in IE for those people who haven't discovered Firefox yet.) Thelets you right-click on a page in Firefox and open it in Internet Explorer just to check it. This extension is made for Windows, but also can be used on Linux. More information is available on the IE View homepage.
Theallows you to view your HTTP headers in real time as pages are loading. The HTTP headers can tell you information about cookies, the date a file was last modified, the server type, and more. The image below gives a quick overview of the extension. The numbers in the list below correspond with the numbers by the red arrows in the image.
The Copy Plain Text extension is useful. You can highlight text on a web page, right-click on it and choose "Copy as Plain Text". This clears all formatting. Before I discovered this extension I would copy text from a web page, paste into a plain text editor and then copy the plain text before pasting the text in its final destination. This extension is useful if you have this kind of problem.