Artifacting DOM Tree

Over at this site you can get a cool graphic representation of your website. Basically, this Java Applet lets you see the HTML tag hierarchy that your site uses to lay out your content. Below is what the DOM tree at Artifacting looks like. What does that mean for people like me and you? Unique, cool, tropical flower-like pictures, I guess. This Flickr set has graphic site-maps for a bunch of other blogs.

Graphic Site Map for Artifacting
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

This entry was posted in artifacting and tagged , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

5 Comments

  1. Posted June 1, 2006 at 9:28 pm | Permalink

    This is fantastic! Thanks Hubs!

  2. chevy
    Posted June 2, 2006 at 4:52 am | Permalink

    Yours is so nicely colour cooridinated.

  3. Posted June 2, 2006 at 6:50 am | Permalink

    Yours is cool though too Chevy. It look like a scorpion.

  4. Posted June 2, 2006 at 7:13 am | Permalink

    Thanks.

  5. chevy
    Posted June 5, 2006 at 4:33 am | Permalink

    yeah mine’s cool . but i like your colour scheme better.

One Trackback

  1. By The Web Pen Blog on June 5, 2006 at 1:49 am

    Artifacting

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>