My Firefox Plugins

By  on  

I know that everyone and their brother creates this post but on the rare occasion that I do read a person's list, I see a good amount of the plugins that I rely on NOT in their list. Here are the plugins that I use on a daily basis.

AutoCopy

AutoCopy instructs Firefox to copy text when it's highlighted. Very helpful when copying content from a customer's old site into their new one.

ColorZilla

ColorZilla lets me place my cursor over anything on the page and it gives me the hex color of the pixel. It's a huge time saver as it allows me the ability to avoid doing a print-screen, opening Photoshop, and using the Photoshop color dropper to get the color.

Firebug

Firebug is an absolute must for my AJAX / JavaScript debugging. I couldn't get by without it.

HTML Validator

HTML Validator just validates how great my code is.

Link Alert

Link Alert changes my cursor when I hover over a link. The cursor changes to a visual representation of what I'm about to click on. It's great for me because it tells me if the link is to a JavaScript file, text file, or mp3 file. I love it. It also tells me if clicking on a link triggers a JavaScript event.

MeasureIt

MeasureIt gives me a ruler to mention object dimensions. This tool gives me a broad idea over how much space an object is taking up or how much space I have left to work with on my page.

Server Spy

Server Spy is dominant because I can instantly tell what type of server the current website is on. A must when trying to quote a new project.

Web Developer Toolbar

The WDT is as important to me as Firebug. WDT gives me a ton of control and information about the page I'm developing. Again, this is a must.

Recent Features

  • By
    7 Essential JavaScript Functions

    I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.  Times have changed but there are still a few functions each developer should...

  • By
    Animated 3D Flipping Menu with CSS

    CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more.  I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...

Incredible Demos

  • By
    CSS :target

    One interesting CSS pseudo selector is :target.  The target pseudo selector provides styling capabilities for an element whose ID matches the window location's hash.  Let's have a quick look at how the CSS target pseudo selector works! The HTML Assume there are any number of HTML elements with...

  • By
    New MooTools Plugin:  ElementFilter

    My new MooTools plugin, ElementFilter, provides a great way for you to allow users to search through the text of any mix of elements. Simply provide a text input box and ElementFilter does the rest of the work. The XHTML I've used a list for this example...

Discussion

  1. The autocopy link is bad :S
    Thanks for sharing your developer’s plugin on firefox !

  2. @Catar4x: Thank you for pointing that out — fixed.

  3. Lol, I always use the photoshop method of finding colors. :) I thought I was the only one.

  4. Very interesting to know, David. Stay tuned for my list ;)

  5. How does knowing what type of server someone is running a site on help you in determining how much to quote someone? Sorry if this is a dumb question, I’ve just never heard of doing that before.

    Thanks!

  6. @Spencer: It’s a small but helpful bit of info. If a customer wants website updates and they are on an IIS server w/ ASP files (because I inherited their current site), I know I have to charge more because an ASP will take me longer than a PHP update. PHP also acts different when hosted on IIS (diff. server variables, modules, etc.) so I’ll take that into consideration too. Another example: IIS doesn’t support .htaccess files for SEF links. I’d need to know that too.

    Generally I pray to see “Apache” for their current provider. Then I can pretty much safely assume that the host has MySQL/PHP and can quote accordingly.

    Like I said, not a huge factor but big enough to consider.

  7. adam

    Instead of MeasureIt, I just use the ruler in WDT. And instead of ColorZilla, I use a program called Pixie, by Nattyware. Since it’s a stand alone program you can grab hex colors anywhere on your monitor.

  8. re: the color picker, I’d strongly recommend (if you’re on Windows) trying “Instant Eyedropper” from spicebrains.com. I rarely give software recommendations, and I am not affiliated with that company… but this is by far the best color tool I’ve ever used. It sits in your windows task bar; you click down on it (mousedown) and drag over the screen, then let go (mouseup) when you’re over the pixel you want to sample. The color (hex, rgb, you choose in the “options”) is in your clipboard.

    For instance, in your davidwalsh logo, your hair color is #7C5D27, the background blue is #ACD8E5, your skin tone is #F2D4CC, your yellow shirt is #FFDB7D. It took less than a second to grab each of these.

    Cheers,
    httpwebwitch

  9. sorry everyone – correction; the eyedropper I mentioned is actually at instant-eyedropper dot com.

  10. I’ve a big fan of LiveHTTP headers (especially in sidebar view) tells me the headers that are being sent for every page load. I also like Unhide Passwords.

  11. Hi David – this is fantastic, and it’s a great list, but I’m wondering if you have an alternate option for AutoCopy? It’s not compatible with Firefox 3.0.5 (the latest version)? thoughts?

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!