MikeyCampling

Here’s something I can’t believe that I didn’t know about – XRAY.  It’s a bookmarklet that allows you to see the box model of any element on any web page.  It works for many flavours of browsers and I can see it being extremely useful when taming an unruly layout as well as for the ‘how did they do that?’ type of research.

To check it out, visit http://www.westciv.com/xray/

Simply drag the bookmarklet to your bookmarks toolbar, load a page, click your XRAY bookmarklet and then click on any element on the page to see its attributes

It works, it’s free, what’s stopping you?

I know that you can do something similar (and more) with firebug, but this strikes me as a quick and convenient alternative that won’t take up any of your browser window.

If, at this point, you’re wondering where my list of 49 other tools are – then sorry, but I’m getting fed up with seeing that type of article in design blogs.  I just end up skimming through without really reading them.  So I’m going to stick to very selective articles and then at least you know that I really am recommending something specific.

If you have a useful tool to suggest, then by all means add a comment.

Comments are closed.