Web Dev, Linux, WordPress & More

Posts tagged ‘css – xhtml’

Web Developer Toolbar Upgrade

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:, ,

Firebug for Firefox

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…

Display CSS Element Info in Firefox

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.

Display Element InfoAs 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…

More Stock Web Icons at SimpleBits

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…

Edit CSS Using the Firefox Web Developer Extension

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…