As kids (and morally questionable adults), who hasn’t wished for X-ray vision? Superman had it. Of course, he used it fight crime- truth, justice and the American Way - and I think I can speak for all of us when I say that my wish for X-ray vision was always for more …um..”personal” reasons. But I digress.
Well now web developers and designers can have the equivalent of those dirty little night-vision Sony handicams to point at websites with this little gem I ran across this week. Everyone I have shown it to so far has been amazed and it has taken a top spot in my web tool kit.
It’s called, quite simply, XRAY and it is a Bookmarklet that you add to your bookmarks and then whenever you want to “x-ray” a site, you just click on the bookmarklet and it will evaluate the page and provide an overlay will all sorts of CSS style information. One of my favorite features is the ability to navigate back up the page elements like a breadcrumb trail (in picture below see under “instance hierarchy”).
Here it is in action on this site - click for larger image:
Hope you enjoy
