DOM Inspector for CSS clues

If you hand code CSS and don’t have a Mac, you should get one just for the unbelievably great application Xyle Scope. I can honestly say that for a CSS code poet, that app is worth buying a Mac for. (The Mac will pay for itself in with the hours of productivity saved thanks to the application and the environment, I swear it!)

DOM dee DOM DOMIf you happen to not be on a Mac (poor you) and need some CSS insight that is platform independent, let me point you to the DOM Inspector in Firefox and Flock. (Opera has some Java and Javascript goodies, Camino is a lovely, fast browser but no dev tools.)
The DOM Inspector isn’t really all that user-friendly, but with some curious clicking on various buttons, icons and nodes in the tree, you can find several useful things to play with. Also, if you double-click any of the CSS values in the DOM Inspector, a window pops up and allows you to temporarily change the value for an instantly visible preview result. Swanky!

It doesn’t hold a candle to the power, grace and features of Xyle Scope for CSS examination, but for a free and readily available tool for any platform that can support Firefox, I guess it’s a gem. 🙂

Technorati Tags: , ,

2 thoughts on “DOM Inspector for CSS clues”

  1. You can get a lovely little set of bookmarklets that will work with Camino, however, from, um‚Äö?Ѭ?

    SquareFree Web Development Bookmarklets. Via Google, naturally‚Äö?Ѭ?

    I used these extensively, especially the EditCSS one, when I was tweaking my blog some months back. There may not be a DOM Inspector, but for beginners doing CSS/XTML coding, being able to do live CSS alteration is a godsend.

Comments are closed.