XRAY: Amazing, Instant Info on Web Elements
When you’re designing a Web page in QuarkXPress, you sometimes need to know the exact measurements and structure of an existing page on the Internet. Westciv’s XRAY is a free bookmarklet for Safari, Firefox, Internet Explorer and other Web browsers that lets you see the underlying structure of any Web page.
Just click on XRAY and then click on any item on a Web page. A floating window appears that displays all the essential information about that item: its location, size, margin, padding, CSS class, and much more. It’s an extremely easy way to study a Web page design, or grab the dimensions of an item.
XRAY is a “bookmarklet”. To install it, you just drag it onto the Bookmarks bar of your Web browser. Strange, but true.
Jeff Gamet is a contributing editor for Design Tools Monthly, the executive summary of graphic design news. He is also the morning editor and reviews editor for The Mac Observer and iPodObserver.com, and contributing writer for Layers Magazine and Photoshop User. He writes the InBrief column for InDesign Magazine, and is the author of “The Designer’s Guide to Mac OS X,” from Peachpit Press
When Jeff isn’t writing about the graphic design world, he’s talking about it on the Design Tools Weekly podcast with co-host Jay Nelson. He also talks about Apple and the Mac world every week on The Mac Observer’s Apple Weekly Report.
Jeff studies, tests and reviews new software and technologies for the Macintosh community as well as the design and print industries. He is a former Pre-press specialist, and has nearly 25 years experience with computer technology. Jeff trains, lectures and consults on techniques for more efficiently using Mac OS X in creative environments throughout the country.
In the rare moments when he can get away from his MacBook Pro, Jeff spends his time climbing and biking in the Colorado mountains.