Firefox Extension: X-Ray

Stuart Robertson makes good on one of his New Year’s Resolutions by creating and publishing his X-Ray extension for Firefox.

It’s a nifty little extension that uses CSS’s :before and :after pseudo-classes to expose the markup on a page without needing to view source. By seeing the markup in use on a page, in context, it’s easier to see what’s doing what, especially I imagine for non-webdevs.

As I suggested in the comments on his blog post, I’d use this even more if it allows me to X-Ray just a section of the page, in much the way “View Selected Source” lets me examine just a subset of the page’s source.