XRAY your CSS

I’m always looking for great tools that will allow me to debug my CSS code and I came across an innovative bookmarklet today from WestCIV called XRAY. It’s available for IE 6 and Mozilla based browsers such as FireFox, Safari and Camino.

Basically, XRAY lets you view the properties of any element on a webpage by opening a floating palette that displays the element type, id, class, position, size, border, margin, and padding of any element you click on.

It works really well and provides a really simple and quick way of inspecting CSS properties on the fly.

Also worth checking out is WestCIV’s StyleMaster 4.6, a feature rich CSS editing environment available on Windows and OSX.