Code as DNA Hrush
At Cleartrip, we’ve always put in mind-numbing amounts of effort to ensure that our front-end code is modern, semantic and compliant with a wide variety of browsers. We recently came across the Web2DNA Project, which takes your ‘website, analyzes it, crunches it to little bits and spits it out as a graphic representation of a human DNA.’
Here’s how it works:
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).
Nice to see that Cleartrip’s DNA is bright.
Comments closed