« My Mac Memory Book. | Main | Create Letterhead Templates in MS Word. »

View Website Structure as a Graphic.

Websites-as-Graphs.pngHere is an facinating website that creates colorful graphics that visualize the structure of whatever webpage you give it.

Websites as Graphics

Type in a website address and watch as intricate flower patterns springs to life based on the pattern of HTML tags used in that particular site.

Like This Tip? Make sure you don't miss the new tips coming next week:

Weekly Email Tips — or — RSS Feed (What's RSS?)

But is it useful?

These website graphics are more entertaining than useful. However they do provide some interesting visual feedback on how different websites are designed. The colors used for each dot represent a different type of HTML tag:

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

TrackBack

TrackBack URL for this entry:
http://www.creativetechs.com/cgi-sys/cgiwrap/creative/managed-mt/mt-tb.cgi/26

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

Categories

Recent Tips

Powered by
Movable Type 3.2