With x-ray vision, photographic memory and the cure for color blindness, now you too can enhance your web design ability to superhero level! Simply download your desired superpowers from the list below to get started.
X-Ray Vision ~ This bookmarklet will allow you to see the CSS behind any element on a page. It takes seconds to install and is especially useful when dealing with code you didn’t originally write.
The Color Blindness Cure ~ This is a tiny .exe program which will reveal hex codes (and other color codes) for the color of any pixel anywhere on your screen when you mouse over it.
Photographic Memory ~ Jing lets you grab screen shots or videos. If you set it up to activate via keyboard shortcut, it’s an incredibly handy tool. It also keeps a history of your screen captures.
Found a better superpower? Feel free to comment and share!

5 Comments
I’m also a fan of firebug and yslow for firefox, they come in quite handy for digging into the dom and seeing what’s up with a website.
I also like firebug from firefox, seeing the css coding is a great tool to have.
I concur, YSlow is definitely well worth a mention.
However, I still prefer telekinesis as far as powers go.
X-ray is wonderful! It can help us a lot whenever we want to learn the design of other’s website.
Thanks for the info.
Ha, yeah I still use these 3 programs all the time even though I wrote this last year. At least we know they stand the test of time!