Came across this neat app (thanks to @skinnyjeans) where you enter your blog or site url and view your site’s coding visually on a colorful graph.
The image above is my site! Complex and weird… just like me! Lol.
Here are what the colors represent:
blue: links (A tag)
red: tables (TABLE, TR TD tags)
green: DIV tag
violet: images (IMG tag)
yellow: forms (FORM, INPUT, TEXTAREA, SELECT, OPTION tags)
orange: linebreaks, blockquotes (BR, P, BLOCKQUOTE tags)
black: HTML tag, the root node
gray: all other tags
View your own site/blog’s visual graph at Aharef.info. There you will also see other examples. Apple.com and Yahoo.com both have pretty graphs. And Google.com’s graph is one of the simplest. I was curious to see what Twitter.com, Facebook.com and Myspace.com looked like so take a peek at those below!