Web Dev, Linux, WordPress & More
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
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.
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.
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.
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.
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…