Hace unos días jugando con jquery, se me ocurrió pensar si podría lograr hacer un diseño escalable usando el plugin llamado dimensions. Si quieren saber mi conclusión sigan leyendo.
como primer idea armé un layout muy basico, apenas un marco con un heading , un texto y una lista, como para que usar un diseño posible de algun sitio.
para que todo el diseño escale en conjunto definí tamaño, margenes, paddings y tamaños de fuente en em de este modo el tamaño de fuente del body es el que define cuanto mide el resto.
finalmente agregue dos eventos en javascript que definen el font-size para el body en proporción al ancho de la ventana, et voilà, tenemos un documento escalable.
como luego de esta pequeña victoria me envicié e intenté hacer lo mismo con imagenes, pero todavía no se me ocurrió como hacer para aplicarlo de manera general , pero encontré una solución específica que funciona (o algo asi)
les dejo el link para que lo vean, critique y den consejos.
como conclusión creo que si bien es posible hacer algo así, no me animaría a hacer esto en un sitio de producción todavía, a menos que sea tan simple com lo del ejemplo.
aca les dejo el ejemplo para que lo descarguen
diseño escalable con xhtml
y aca el link a la pagina para que la vean directamente, hagan redimensionen la ventana y vean el ejemplo.
test1scalable.html
saludos
y recuerden, si se portan mal… avisen!
Che Esteban, para cuándo un post nuevo!? Te mando un saludo grande!
Javi.-
ya voy a escribr algo mas, denme tiempo