Estrutura vs. Imagem

Encontrei hoje a ferramenta mais divertida que vi flutuando pela internet nos últimos tempos! O site Websites as Graphs analisa uma página e gera uma imagem de acordo com a estrutura dos objetos que compõe seu código.

Essa imagem aqui embaixo é a página inicial do Pili.com.br

Azul representa os links (<a>).
Vermelho para tabelas.
Verde para DIVs.
Rosa, imagens.
Laranja para quebras de linha (<br/>) e blockquotes.
Formulários são amarelos.
O tag HTML, preto, centro de tudo.
E os outros códigos são cinza.

Acesse o site de veja como suas páginas são compostas:
Websites as Graphs >>
(requer Java instalado e habilitado)

Relacionadas

American Way 19/03/2003