« Google como verbo en el diccionario OED
Joga feíto »

El mapa tags de tu sitio

Mapa de xoyazEn la imagen el mapa de xoyaz. Una muy interesante aplicación que genera imagenes a travez de los tags que componen el código fuente de las páginas. Interpretando el html muestra de que forma están construidos los sitios, separando por colores las etiquetas. La idea de tener un referente visual me parece buena para comparar la buena estructuración de un sitio. Me ha gustado mucho revisar algunas páginas la cuales visito seguido. Aquí está la aplicación para Websites as Graphs.

  • Azul: para los vínculos (los A tag)
  • Rojo: para las tablas (TABLE, TR y TD tags)
  • Verde: para las queridas DIV tag
  • Violeta: para las imagenes (las IMG tag)
  • Amarillo: para formularios (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
  • Naranja: para saltos de liena y citas (BR, P, and BLOCKQUOTE tags)
  • Negro: el HTML tag, el nodo raiz
  • gris: Todos los otros tags


Mapping the html in a website

Esta entrada fue posteada en Thursday, July 6th, 2006 a las 5:05 pm y fue archivada en Imagen digital . Tu puedes seguir cualquier respuesta de está entrada a travéz del feed RSS 2.0. Ahora puedes Dejar un mensaje, o un trackback de tu propio sitio.

Talvez desees leer...

  • Imagen ADN de una web
  • Validador Web 2.0
  • 150 cosas para divertirte con una URL
  • Remodelaciones en xoyaz
  • Fotografías green

    • 5 Comentarios para “El mapa tags de tu sitio”

    1. 3stripe dice:
      July 7th, 2006 a las 7:39 am Sin Gravatar

      Nice article! (I think I know what it’s about, although I don’t understand any of it ;-)

    2. coyr dice:
      July 7th, 2006 a las 8:56 am Sin Gravatar

      Oye gracias!! por tu respuesta y a ti por lo que escribiste, igual me imagino que te imaginas que te estoy agradeciendo. ;)

      Thanks you 3stripe. It’s a interesting aplication. I talk about colors and tags, a little translations. :)

    3. andresmaro dice:
      July 7th, 2006 a las 1:34 pm Sin Gravatar

      buen arí­culo…. super interesante y útil, vale amigo que ya has empezado a recoger comentarios… parece que la espera ha sido llenada… éxitos con tu web y tus post…

      salu2

      maro

    4. coyr dice:
      July 9th, 2006 a las 9:58 am Sin Gravatar

      Gracias Andres!! :D espero que sea así­. ;)

    5. xoyaz - Un blog de diseño » Blog Archive » Imagen ADN de una web dice:
      August 8th, 2006 a las 3:49 pm Sin Gravatar

      […] Inspirados en las imagenes de los mapa tags desarrollados en Websites as Graphs y dna11 pues llega otra proyecto para generar imagenes atravez del código de un website, el proyecto se denomina WEB2DNA solo debes introducir la dirección del sitio al cual le quieres generar su ADN en WEB2DNA Art Project el proyecto no va muy bien con firefox, así que (solo en este caso) intenta acceder desde un navegador diferente a Firefox. A proposito, puedes escoger cuatro colores verde, azul, rojo y negro. […]

    Deja un mensaje