Skip to content


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



Related posts:

  1. Artifacts
  2. Artifacts

Posted in artifacting.

Tagged with , , .


6 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. shmeder says

    This is fantastic! Thanks Hubs!

  2. chevy says

    Yours is so nicely colour cooridinated.

  3. hubs says

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

  4. hubs says

    Thanks.

  5. chevy says

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

Continuing the Discussion

  1. The Web Pen Blog linked to this post on June 5, 2006

    Artifacting



Some HTML is OK

or, reply to this post via trackback.

Powered by WP Hashcash



.