Diagramación elástica

Revisando sobre la diferencia entre diseño líquido y diseño fijo, encontre este artículo escrito por Nicolás Fantino de 100px acerca de la diagramación elástica como una opción más y quizas una solución mejor.

Es un muy buen artículo sobre maquetación en CSS y XHTML, donde la gracia está en fijar el ancho de bloque o divisiones en em en lugar de píxeles y porcentajes. El resultado es que además del texto también los contenedores se van a redimensionar cuando el usuario cambie el tamaño de la letra.

El principal problema al usar la diagramación elástica se da cuando se usa imágenes de fondo en los bloques, ya que las imagenes no se redimensionan cuando el contenedor lo haga. Pero como una últil solución es que se defina el width y el height de la imagen en em.

Se que el artículo es algo viejito, pero realmente sirve para la cuestion de accesibilidad de una web.

Articulo: Ni fijo, ni líquido. Elástico

Saludos
The Ghost


Anuncia Aqui

Tags: ,

Te gustó el artículo?


Compártelo con tus amigos.

Sobre el autor.

Diego Castañeda Prado

Autor: Diego Castañeda Prado es un comunicador y el editor de Terainfo.net. Se considera amante de la nueva tecnología, informática y el social media.
Sígueme en Twitter: @TheGhost

También te puede interesar

Trackbacks/Pingbacks

  1. Tinta Fantasma | Blog Archive | 2do año de Tinta Fantasma - August 31, 2006

    [...] He aprendido muchisimo con este blog, desde lo básico con el diseño, hasta los estándares y accesibilidad pasando incluso por lenguajes más complicados como ajax y ruby. Ya sea testeando en él o leyendo en otros blogs amigos [...]