Websites as graphics

The Sitening Blog led me to the Websites as graphics tool, created by Aharef. It’s a great little tool, which produced the following image:

jamesbooker.co.uk home page as graphic

This is a map of the jamesbooker.co.uk homepage with its associated tags mapped out. Here’s a legend (pulled from sitening.com - hope they don’t mind!)

  • 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