Blogil

As programmers tend to talk about beauty in the code, it may sound a bit pretentious from outsiders. I just found a pretty decent HTML DOM visualizer. Basically it identifies the tag elements in a html source code of a website and visualize it as a colourful hierarchic tree. Beautiful! A true ode to code Above is my website index page. As you can see, I rely heavily on DIV (green) and LIST (most of the grays) tags .

Try it (java required)

What do the colors mean?

blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

Another site: VG.no

A huge website; the first page of vg.no – a Norwegian  news site. I believe I can say that this site has an ugly structure for organizing information, but the menu section looks pretty nice

View more site graphs:

conceptart.org – nice purple gallery flower!

deviantart.com – big tree!

google.com – cute and simple

tv2.no – the norwegian shrubbery