Smashing Magazine have a useful article: 15 Helpful In-Browser Web Development Tools which does what it says on the tin really!
One additional point to make about the Colorzilla addon for Firefox, and something which many people seem to overlook or not realise, is that you can configure the status bar display to show various things in addition to colour codes, including the dimensions of elements, and, most useful of all I find, the DOM path (or reverse DOM path).
This latter ability is absolutely indispensable when you're editing the CSS of a page, particularly one you didn't create. Rather than having to trawl through the HTML looking for the relevant element, class name or ID, you can just click the Colorzilla tool and move the cursor over the part of thepage you're interested in and immediately see the current element, class, ID, parent elements etc.
No comments:
Post a Comment