HTML DOM visualizer
May 31, 2006 | Posted by stuartchurch | Filed under Graphic design, XHTML/CSS
Here’s a great HTML DOM visualizer applet that lets you view the structure of a web page in a beautiful, almost organic way. Suddenly, this site looks very pretty indeed:
Here’s the key to the colours:
- blue for links (the A tag)
- red for tables (TABLE, TR and TD tags)
- green for the div tag
- violet for images
- yellow for form elements
- orange for linebreaks and blockquotes
- black for the HTML tag
- grey for all other tags
Comments
Leave a Reply
About
I'm Stuart Church, a user experience consultant with Pure Usability in Bristol, UK. Sensorydrive is my personal blog and covers user experience design, information architecture, product design, psychology, research methods, perception and pretty much anything else that takes my fancy! You can find out a bit more about me if you want...
Latest Flickr images
