Lazy Sunday

I don’t know what it is lately but I’ve been really tired. Last night I went to bed at 10:00pm, hoping that I’ll be up early in the morning. I was up fairly early but I ended up just going back to sleep. I didn’t wake up again until 1:00pm. My sleep rhythm is way out of whack. I’m going to have to fix that somehow.

Since I didn’t have the energy to do much, I started out the day with my daily dose of I was reading up on some things on that site when I came across a link to another site. This site displays the structure of a website from a graph’s point of view. As a web developer, normally we would have to view the source of the page to see its structure, but this little applet makes things a lot easier. The legends are as follows:

blue: for links
red: for tables
green: for the DIV tag
violet: for images
yellow: for forms
orange: for linebreaks and blockquotes
black: the HTML tag, the root node
gray: all other tags

And here is how looks like using that applet. This is a graph of the main page, index.php. As you can see there are a lot of DIV tags because I’m trying to make the page using Pure CSS. Also, you can see that I’ve drifted away from using tables for my layout.
(151 tags)

Websites as graphs

And here’s the graph for my blog. I don’t think I’m going to bother counting the tags in here.

Chronicles of Don

This one shows the layout for the photo blog, which should look similar to the blog because it’s basically the same layout.

Photo Chronicles of Don

And last but not least, here’s a graph of Project One’s website, which contained less than 90 tags, give or take a few because I lost count.

Project One

What you see is probably just the layout for a basic site. If you take a look at News sites, their structures are a lot more complicated than this. CNN has over 1000 tags. But then you take a look at someone like Google and you see that they have kept things simple with 88 tags.

Websites as graphs