According to my poll about 1 in 4 of you readers have already switched to Firefox 3 and almost everyone else will switch after their extensions are compatible. I am considering switching myself but before I do I need to tweak the heck out of it like I tend to do.

Now after a bit of searching I really couldn’t find any good resources out there for tweaking Firefox 3 stuff so I thought I should create one and share it with you!

So here I have compiled a list of Firefox 3 only userChrome.css tweaks. Here are instructions if needed.

Firefox 3 userChrome.css snippets

/* Specify a maxiumum height for the Autocomplete list */
#PopupAutoCompleteRichResult {
  max-height: 100px !important;
}

/* Remove splitter between the URL and Search bars to save space */
#urlbar-search-splitter {
  display: none !important;
}

/* Changed from #bookmarks-menu in FF2 */
#bookmarksMenu {
  display: none !important;
}

/* Remove the Bookmark star, I use Ctrl-D instead */
#star-button {
  display: none !important;
}

/* Remove the URL bar Go button, not necessary IMO ;) */
#go-button {
  display: none !important;
}

/* Style the new auto-complete list */
.autocomplete-richlistitem {
  background: #222222 !important;
  color: #FFFFFF !important;
  padding: 0px !important;
  margin: 0px !important;
}
.autocomplete-richlistitem:hover,
.autocomplete-richlistitem[selected="true"] {
  background: #444444 !important;
}

Bonus tweak that also works with Firefox 2 (thank you Lifehacker):

/* Make the active tab wider (when you have a few tabs open) */
#content tab[selected="true"] {
  min-width: 200px !important;
}

I’m sure there will be more to add to this list by the time Firefox 3 is released so stay tuned! Of course most of the other userChrome.css tweaks for Firefox 2 work with Firefox 3 as well. If you have any entries to add to this please share in the comments.

For those of you who haven’t seen this in the news lately, there is a new kid in web-development-tools town. A new extension for Firebug called Firecookie that allows you to Create, Read, Update, and Delete your stored cookies for the site you are viewing. I know there are other tools out there but even at version 0.0.4 I think that this one is one to watch.

Features

Firecookie adds a new tab to Firebug with a list of cookies for the current site. You can go to Tools > Show All Cookies… for a window allowing you to search all of your cookies and view their values. Right-click on a cookie and select Edit Cookie to get a dialog to edit the cookie. You can log all cookie changes to the console by turning on Options > Show logs in console. Finally, you can copy and paste cookies by right-clicking as well.

Other things I’d like to see in this extension

There are a couple bits I think would improve the UX of this extension:

• The Show All Cookies… dialog should allow you to edit cookies
• Cookie names should become links on mouseover and the cursor should change to a pointer. It would just be a nice visual aid for the user
• Console entries for cookies should also link to their respective cookies in the Cookie tab

Conclusion

I am excited about what the future holds for this extension. I hope that this opens the door for more Firebug extensions. Go get Firecookie and try it out!
You also might be interested in 10 things you didn’t know about Firebug.

Here is a list of productivity add-ons for Firefox. These are NOT just for programmers. These are split up into 4 groups: Keyboard, Mouse, Upgrade Firefox features, and Google. Did I miss any? What do you use to make you more productive?

Enhance your keyboard (mouse-less browsing)

• Hit-A-Hint - This add-on allows you to click links to interact with form inputs as seen in the screenshot. Just hit “H” and then the letters that correspond to the object you want to click
• Keyconfig - Configure keyboard shortcuts for pretty much everything all in one place. A staple of mouse-less browsing
• functions for keyconfig - This adds additional shortcuts for things such as Tab Focusing, Frame Focusing, Copy URL, and a lot more
• Surfkeys - Make surfing super easy with a keyboard. Sets shortcuts keys for many common browsing tasks (Back, Scrolling, Stop…). Using keyconfig is a must so you can configure these keys, but it is soooo worth it :)

Enhance your mouse

• Drag de Go - Allows you to perform different actions depending on which way you drag an object on the page. It is kind of like adding extra mouse gestures for dragging and fully customizable!
• Mouse Gestures - Insert your own mouse gestures add-on here. I personally use Mouse Gestures but there are a bunch out there and most are very useful

Enhance Firefox features

• All-in-one Sidebar - A sidebar control inspired by Opera. You can open add-ons, downloads, and much more (I also open Google Notebook and Google Talk in mine). Super customizable and very useful.
• del.icio.us Bookmarks - Integrates your browser with del.icio.us, it integrates seamlessly with Firefox’s bookmark system and you can easily search, tag, import and share your bookmarks.
• FEBE - Quickly and easily backup your Firefox extensions (and other personalizations such as userChrome.css) which allows you to sync multiple computers by exporting your saved profile. I use this to sync my work and home Firefox setup.
• XUL/Migemo - This extension adds 3 major features to Firefox’s Find toolbar: More customizations, Safari-like highlight feature, and a “dictionary assisted find”
  for the language of your choice. Ultra helpful and just slick looking.

Enhance Google services

• Better GMail - Adds a ridiculous amount of new features to Gmail (Filter Assistant, bunch of skins, HTML Sigs, GCal in folder list… and 23 more). If you use Gmail, you need this extension!
• Better GCal - Enhance Google Calendar with collapsible header and sidebar, extra skins, text wrap those
  long event names, and a bunch more. As with Better GMail, once you try this you probably will be spoiled.
• Better GReader - This extension optimizes the skin and adds a smart subscribe feature to
  the top-right of every page so you know if you are subscribed to the feed on the page or not.
• CustomizeGoogle - Enhances many google services with a TON of custom options. It also supports, ajax-y loading of search results if you scroll to the bottom of the results it loads the next 10 or so on the fly so there is no refreshing. You can also remove ads from basically all services and force secure connections when possible.

I hope you find some add-ons that you didn’t know about and I hope they are useful to you. Please share your productivity-enhancing ‘fox extensions in the comments!