Well this is very good way of representing the richness of your blog or website. The idea can be developed and used to indicate the place of your website which is full of information, images, resource links, other DNAs or say websites to which our site is connected, etc.
I was shocked to see the richness of my blog. Here is the DNA representation of my blog:
Now, guess this blog .........
Easy right ......... this is one of the richest blog I keep visiting regularly. Yes, its Kumar's Blog.Try another one,
This is DNA representation of sURi's blog. Shocked again right? How come this colourful blog does not have bright lines in it. Actually, the link mentioned is just the redirecting address, this is the reason why there are not many tags visualized. The DNA of sURi's blog can be seen in picture below:
Now, do you wana know how this works? So, here is principle of DNA analyzer:WEB2DNA will take your website, analyze it, crunch it to little bits and spit it out as a graphic representation of a human DNA.
The brightness of the lines is determined by the importance of the tags in terms of structure.
- H1 is brighter than H2, which is brighter than H3.
- TABLE is brighter than TR, which is brighter than TD tags.
- Images and flash elements appear as 70% white.
- New HTML tags like STRONG and EM is brighter than older ones like B and I
- UL, OL and DL is brighter than their LI, DT, DD
- DIV layout is brighter than table layout
Basically a semantically rich site will appear brighter than one with messy old-style code.
You can also determine the richness of text on a site. A site the focuses on (text) content is one where the DNA patterns is large (filling many containers), but contains a lot of empty spaces between the lines (empty space is the individual words).
