by eric on February 1st, 2007 in: Web Design
There’s a new, improved version of the Web Developer Toolbar for Firefox, thanks to Chris Pederick.
Read more at:
Download the updated extension at:
For tips on using this extension, search this site for ‘Web Developer Toolbar.’
technorati tags:firefox, web developer toolbar, firefox plugin
by eric on January 17th, 2007 in: Web Design
If you’re a Firefox user and design websites, definitely check out the FireBug extension for Firefox. According to the Mozilla site:
FireBug [has] all of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors.
FireBug | Firefox Add-ons | Mozilla Corporation
Read more…
by eric on August 5th, 2006 in: Web Design
Use the Display Element Information feature in the Firefox Web Developer Toolbar to figure out what’s Cascading in your CSS. It could save you hours of frustration, preserve handfuls of hair, and give you quick visual cues about the extended ‘family’ of an element in your CSS.
As I’ve mentioned before, if you’re not using Firefox, you darn well should be. Just do it already, okay? Here are a few reasons why.
Then download the Web Developer Toolbar; an incredibly useful, free Firefox Extension for web designers. Even after using it for well over a year, I’m still finding helpful features.
Read more…
by eric on August 4th, 2006 in: Web Design
I promise that I won’t make every post about icon sources, but while I’m thinking of it, here’s one more icon project that I’d certainly endorse: Dan Cederholm’s SimpleBits Icons.
Dan’s written a few terrific books on web standards design entitled Web Standards Solutions and Bulletproof Web Design.
I highly recommend them both. They camp out next to me in my quick reference stack and I refer to them regularly. If you’re into CSS and web standards, they’re downright fun to read. But I digress . . .
Mr. Cederholm also created some royalty-free stock icons that you can purchase directly from his site, and although he doesn’t have the same variety of iconography as some other sources, I like his simple, direct style.
Read more…
by eric on July 25th, 2006 in: Uncategorized
Make quick changes to your CSS file and see the effects in real-time using the Web Developer Toolbar for Firefox. It’s a very handy tool to create and troubleshoot stylesheets on your website.
What’s the Web Developer Toolbar do?
It simply adds a toolbar and menu to your Firefox browser with all sorts of helpful tools for designers and developers.
In fact, it’s so packed with cool tools, I’m just going to highlight one feature right now: the Edit CSS sidebar. Read more…