What do the colors mean?So what are we looking at in my graph? (One note, I generated this graph last night before I posted, so this graph reflects a page that has changed.) Well, the big clump of orange and blue on the left side of the graph is obviously my side navigation, filled with links and line breaks (i.e. the blogroll and archive links). The other big clump of orange and blue (bottom right) is the main area of posts on the page. Because I've recently gone on a spree of posts with lots of images, there is also a bunch of violent in that area. The image filled posts are also the cause of the offshoots from this area, as I've foolishly used some tag-soup to get the layout right. I believe the remaining offshoot, in the middle of the graph, is the masthead (the top of the page with the Kaedrin logo and main navigation links).
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
It's not as pretty as those nifty XHTML/CSS pages, but it gets the job done (and it validates!) One of these days I'll get around to actually converting this layout to XHTML and CSS, but don't hold your breath. I tried to exactly replicate this layout once and just got frustrated, so when it happens, it will probably be accompanied by a minor design overhaul.