I'm sure you've seen them before; lists of Firefox extensions that "you cannot live without". Well, I make no claims that this is a list of the "BEST Firefox extensions EVER"; simply put, this is a list of Firefox extensions that I personally use, and that you may or may not be interested in.
--Extensions for Web Developers--
The
Web Developer toolbar features an
insane amount of tools for web developers that allow you to play around with and manipulate the layout of websites. I find that I use it mainly to:
- See the page layouts without styles attached (hint: hit [CTRL] + [SHIFT] + [S] with the extension installed)
- Disable JavaScript on a few clients' sites that use anti-rightclick script (which prevents me from easily accessing the source)
- Resize the browser window to a set "resolution", to imitate viewing the site on 1024x768 or 800x600 (I run at 1280x1024 resolution, but most people are still stuck on the lower resolutions)
- Outline certain elements, such as table cells and divs, to check for nesting and organization of sites
- Validate the CSS or markup of a site without having to navigate to each individual validation site
There are a TON of other features in this extension, and I'd recommend this extension as the BEST one in this list!
--IE View Lite--
IE View Lite is a nifty little extension that allows you to right-click on any site you're viewing in Firefox and open it in Internet Explorer without having to open the program and type the address in manually. It saves a lot of time, and lets me quickly see my code in the
other browser... :P
--Html Validator--
Html Validator offers the functionality of an HTML code validator inside Firefox. Normally, you have to go to
http://validator.w3.org/ to get your website's code validated, but with this extension, you can see the number and location of errors in your code.
--ColorZilla--
If you're like me, you've found yourself needing to get the Hexadecimal code for a particular color you've seen on a picture or website; rather than Print Screening the color, then Copy > Paste-ing into an image editing program to get the code,
ColorZilla gives you a built-in eyedropper tool that you can use to pick a color within Firefox and get that color's Hex code. Very handy!
--FireBug--
I just got into JavaScript recently, and the built-in Javascript Console in Firefox is fine for some basic work.
FireBug is like the Javascript Console on steroids. Each error received with either bad JavaScript or CSS code is displayed, and this extension will even highlight where in the source code the problem lies so you can fix the problem with minimal searching.
So there you have it. Five Firefox extensions that I commonly use, and that you might enjoy. So go ahead, give these extensions a try, and if you don't have Firefox, go
here to download it!
Check back sometime next week for another Firefox Extensions post, this time with general-use extensions :D
By EER @ Tue Mar 28, 2006 04:22 AM
* using the WebDeveloper toolbar from now on.