Design Tip: Inspect CSS with style in your browser
Whilst there's plenty of tools around for helping with CSS styling, if you want a neat little browser bookmarklet that displays all the properties associated with the selected element and "box model for any element on any web page", then XRAY from WestCiv might be just the thing.


XRAY shows you the sizes and other attributes of element you select, fades the rest of the page out and hovers a panel over the page to show the properties. For those of you wanting a quick and easy way to inspect CSS box models, this might be the very thing, and is entirely cross-platform meaning Internet Explorer, Mozilla derivatives and Safari users can take advantage of this freebie.













Comments
4
Subscribe to commentsDanAug 22nd 2007 3:12PM
Not a bad freebie. As a designer, though, I can't live without the free firbug (www.getfirebug.com) Firefox plug-in. Does everything xray does and more.
Derek GatesAug 22nd 2007 5:01PM
Great link. The issue with FireBug is the lack of cross platform support. FireBug works great if using Firefox, but when a bug crops up in a different browser you must rely upon different, and usually inferior, debugging tools.
DanAug 23rd 2007 9:40AM
Good point Mr. Gates. Will help me more when trouble shooting your browsers :-)
Derek GatesAug 23rd 2007 11:18AM
Haha. Touche.