Talk to me about anything. If you’d like to work with me, or
even if you just need a hug, I’ll get back to you shortly.

Please enter your name

Please enter a valid e-mail

It's cold!

Say something!

Great Firefox Plugins For Any Web Designer or Developer

The greatest thing about technology advancing is that it allows us to be more efficient and lazy than we ever have been before. I wanted to talk about some of the applications, services, and resources that I use that make my life as a web designer/developer easier, quicker, and more enjoyable. And more tasty. I realized that I bloated this article enough with just Firefox plugins, so I’m going to make another post after this one that involves useful non-Firefox applications. You may have already heard of a lot of these, but read on anyways because you never know what you might have missed. Or, possibly you are just enthralled by my incredible writing. Or you salivate over any mention of Firefox plugins.

If you still aren’t convinced, just shut up and read on anyways, I promise you’ll get a Hershey kiss at the end. Maybe.

Firefox Plugins

Any web designer or developer (from now on referred to as web-head so I don’t have to keep typing that over and over) worth their salt should be using Mozilla Firefox thanks to its myriad of plugins. There are many other advantages to Firefox that make it a superior browser, but the plugins are really what make its genius stand out. Firebug should be in every single web-head’s arsenal. Before Firebug there was the Web Developer Toolbar, which was awesome and is still useful in its own rite, but Firebug went a million steps further in creating an amazingly useful troubleshooting tool. Not only can you easily dissect every block of code on a web page, but it also comes built in with a javascript debugger, code editor so you can see live changes to a web page on the fly, DOM viewer, and a Net tab which allows you to view load times for every single item being referenced on a web page which is very similar to Pingdom Tools. Firebug has saved my arse countless amounts of times when trying to determine where a problem is coming from. Being a web-head became much easier once I discovered this handy little plugin.

If you do not validate your code, then please, slap yourself right now. One more time. Another should do it. Ok, now we’ve got that out of the way. The benefits of validating is a lecture for another blog post, but for some extremely quick and helpful validation go no further than the HTML Validator plugin.

If you are like me and you have a ba-jillion bookmarks (one more slap if you started to argue that wasn’t a real number) and you also use multiple computers like home, work, and laptop – then it’s total hell to keep track of those things, right? Negatory – go pick up Foxmarks if you haven’t yet, and it will change your life forever. It might even help you give up that heroine addiction, but I wouldn’t quote me on that.

As a web-head, you should also be bookmarking every little useful article, technique, tutorial, resource, or whatever it is that you find that tickles your spidey web-senses and make use of Firefox 3.0′s awesome web 2.0 inspired bookmarking system. Bookmark tags are amazing and can save you muy mucho tiempo. A lot of times if I find an article that has a large amount of varied resources or tutorials on it, rather than visit each one and bookmark them or download them, I will make one bookmark of that “Top 3,254 Cute Things My Kitten Does” article and make a separate tag for each item that is on the page.

Even if marketing isn’t your thing, EVERY web-head needs to know their stuff about SEO (search engine optimization). It doesn’t matter how beautiful or usable you’ve made your website, if people can’t find it then you are SOL and your client is not happy. There are a few great plugins that you can get for Firefox that help you out in this area. KGen helps you find what the strongest keywords are that are showing up on a page. SEO For Firefox shows all kinds of incredibly useful information about websites in your Google and Yahoo searches, like page rank, age, diggs, trends, etc.

Here is a recent post that I found that goes into detail on a list of good WordPress plugins for Firefox. It may pique your interest, check it out.

ColorZilla is small in functionality but extremely useful when coding any CSS. One click brings up an eyedropper which you can place anywhere within your Firefox browser to get a color, and another click will allow you to copy that color’s hex code to your clipboard.

And last but not least, IETab let’s you quickly render a page with whatever version of Internet Explorer you have installed on your computer inside a Firefox tab. This is nice for when you don’t feel like having multiple windows open. While I’m on the subject of Internet Explorer, for anyone who is also using a PC then Multiple IE is invaluable as it allows you to install, (hint: it’s in the name, so this shouldn’t be too tricky for ya) yes, multiple versions of Internet Explorer on the same computer. I know I know, you’re getting very excited with the prospect of being able to infect your computer with many Internet Explorers aren’t you? Opera View is available as well, although I rarely find a difference between how the two browsers render web pages.

There are plenty of more great Firefox plugins out there that people developed just to make you happy, so go out there and explore! If you have any other favorites, please post those for me to take a look at. By the way, thanks for the kiss, it was delicious.


10 Comments
  1. Calaelen says:

    Wall of Text hits you. You are dead. :-(

  2. Brainlag says:

    Opera does not use the same rendering engine as Firefox!

  3. Joren Rapini says:

    Thanks for pointing that out Brainlag, for some reason I was under the impression that Opera used Gecko as well but it turns out they use their own proprietary Presto rendering engine. I have no idea where I heard that one.

  4. elias says:

    Thanks Joren. Really helpful list.

  5. aSKer says:

    Very useful list, thanks for sharing…

  6. nice article and thanx to share this info keep it up

  7. Malcolm says:

    Hey mate, I know you’re likely very busy so I won’t take much of your time.
    I just had to tell you about a brand new, free keyword research tool that Brad Callen just released. It allows you to browse Google and view the Adwords keywords of ANY Adwords advertiser! Basically, it’s a small file that gets installed into your web browser (i.e. Firefox). When you do a Google search, the software automatically places a “view keywords” button below every single Adwords advertiser. Click the “view keywords” button and really neat popup window appears that not only shows you the keywords that any Adwords advertiser is bidding on, but it also shows you a TON of other information, like how much they’re paying per click and so on. It’s awesome.
    Anyway, here is the link where you can download the software, and it doesn’t cost anything. => http://www.ppcwebspy.com/downloads/?xc2321

    Malcolm
    P.S. Here’s the link where you can get the free Adwords keyword tool again:
    => http://www.ppcwebspy.com/downloads/?xc2321

  8. wed design says:

    Thanks web design . Really helpful list.

  9. [...] is somewhat of a continuation of Great Firefox Plugins For Any Web Designer or Developer where I talked about some handy Firefox plugins, and now I’d like to speak at you about some [...]

  10. [...] Great Firefox Plugins For Any Web Designer or Developer – A list of Firefox plugins that I use that make my life as a web designer-developer easier, quicker, and more enjoyable. [...]

Leave a Reply