Hey, I'm Jordan Messina. I hack on Density.

Find me on Github, Twitter and Hacker News.

X-Ray JS

This is a fun little bookmarklet I made while exploring different ways to generate website layouts at Designly. It simply turns each div into a colored block, getting slightly darker when they start to overlay each other. Here's a few examples:

Pinterest X-Ray Pinterest

Hacker News X-Ray Hacker News

Google X-Ray Google

To try it, simply click the following link and to install it drag the link to your bookmarks and it will be available on every webpage: X-Ray

The source code is available on Github.

Show Comments