Widerbug: Widescreen Firebug
Saturday, January 19th, 2008
If you do any amount of web developing with CSS and JavaScript, it’s probably a safe bet that you use the Firefox and Firebug combo to test ideas, tweak appearance and behavior of pages, and debug problems when they crop up. You might also use a widescreen monitor to provide more screen real estate to flip between your code and the rendered output. In an arrangement like this, the open Firebug panel takes up precious vertical space, while you have plenty of pixels to spare on the side.
After a few trivial changes to Firebug, I’ve modified it to open on the right side of the browser as a sidebar. With the stock plugin, you can achieve a similar layout by detaching Firebug from the current tab and moving its window in the same position, but this has a generally unwelcome side effect: the separate window doesn’t update when you switch tabs. With Widerbug, you can open the Firebug sidebar, and it will keep up with you as you switch tabs and maintain its width.
Works with:
- Firefox 1.5 - 2.0.0.*
Tested on:
- Firefox 2.0.0.11 Mac
- Firefox 2.0.0.11 Windows XP
- Firefox 2.0.0.11 Linux (Ubuntu)
(You may have to temporarily allow command-tab.com to install Firefox extensions. Also, if you’re currently using Firebug, please uninstall Firebug first, restart Firefox, and then install Widerbug. Having both loaded may cause issues, however I haven’t tried.)

While you’re installing plugins, here are a few of my favorites: ScreenGrab!, Web Developer Toolbar, Restart Firefox, and Duplicate Tab (And for completeness, the Photoshop file for the above Install Now button.)


Whenever I get a new stick of RAM for my Mac or PC, I’m always eager to just plug it in and start using it to its fullest, but having worked on hundreds of computers and encountering dozens of bad memory modules has convinced me that thorough testing a must. While off-the-shelf PCs can run a copy of the free — and very handy — 

