Before Firefox 3 was released I wrote about exclusive Firefox userChrome.css hacks got a TON of responses and requests. So in the spirit of "teaching a man to fish", I’m providing a tutorial on how to use Firefox’s DOM Inspector add-on to tweak whatever you want.

Suppose we want to remove that bookmark star on the right side of the URL bar. I’ll show you a simple way to do this and then generalize the technique for use with anything.

Setup

If you didn’t get the DOM Inspector when you downloaded Firefox, you’ll obviously want to do that first. Open it up by hitting Tools > DOM Inspector or key in Ctrl+Shift+I (default). You’ll want to start out by going to File > Inspect a Chrome Document and choosing the first option which is your Firefox window.

Find your target

The easiest way to check it out is to inspect it by clicking the button and clicking on the star. The DOM Inspector is helpful here because it will highlight the block containing the star with a big red border and show you the markup in the browser document with the XML element highlighted. Continue reading →

Suppose you need to send a friend a copy of say… Firebug 1.2 (site down at time of writing), but your favorite backup utility is not compatible with Firefox 3 yet. Not to worry! Just zip it up and send it like so:

Continue reading →

It looks like David Baron is working hard on new CSS support for Firefox 3. His latest blog post tells us that he has finished up support for a bunch of CSS3 selectors, available now in the Firefox nightly build:

We now support :nth-child(), :nth-last-child(), :nth-of-type(), and :nth-last-of-type() [...] :first-of-type, :last-of-type, and :only-of-type

This will be released with the next major version of ‘fox (probably 3.1). It looks like support forMedia Queries is next. Hurrah! Good work David! Continue reading →