[Ovillo] Layout dinámico con comportamient o líquido
Hola a todos! quería compartir un script que personalmente me ha sido útil, lo hice no hace mucho para un proyecto experimental del curro pero creo que puede mejorarse, además no tengo mucho tiempo así que si alguien lo mejora pues lo disfrutaremos todos.Vamos a poner en un ejemplo, así se verá más claro qué hace este layout, imaginemos que tenemos una web con un diseño líquido pero solo de 700px a 1200px (vaya lo que haría un min-width y un max-width pero también para explorer) y además que cambia de CSS automáticamente cuando la resolución baja de los 400px (para optimizar la web para dispositivos portátiles) y que si la resolución supera los 1400px añade una columna a la derecha y así se aprovecha mejor la pantalla.Pues este es un posible caso del Xenon Layout, os dejo el enlace con una explicación mucho más extensa y detallada y con el ejemplo y los archivos para descargar.No tengo comentarios en la web (es una historia muy larga) así que si queréis comentar algo hacedlo aquí y responderé sin problema.Como bien me comentó artnau no se comporta correctamente (no cambia automáticamente de css) en algunos navegadores, y no tengo en cuenta los dispositivos 'handheld', aunque este layout estaba pensado para mejorar la web en gadgets más grandes que una pda pero menos que un portátil (véase PSP, Nokia 770...) y la verdad que no se como se identifican este tipo de aparatos (no se si cogen la css para handheld o pasan).Bueno pues a ver si alguien se anima y sacamos algo decente de esto.Un saludo!Enlace a Xenon Layout:http://www.marciobarrios.com/xenon-layoutP.D.:está hecho con javascript pero como tiene que ver con la estructura de la web, por tanto con CSS, me ha parecido correcto enviarlo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Layout dinámico con comportamient o líquido
Hola a todos! quería compartir un script que personalmente me ha sido útil, lo hice no hace mucho para un proyecto experimental del curro pero creo que puede mejorarse, además no tengo mucho tiempo así que si alguien lo mejora pues lo disfrutaremos todos. Vamos a poner en un ejemplo, así se verá más claro qué hace este layout, imaginemos que tenemos una web con un diseño líquido pero solo de 700px a 1200px (vaya lo que haría un min-width y un max-width pero también para explorer) y además que cambia de CSS automáticamente cuando la resolución baja de los 400px (para optimizar la web para dispositivos portátiles) y que si la resolución supera los 1400px añade una columna a la derecha y así se aprovecha mejor la pantalla. Pues este es un posible caso del Xenon Layout, os dejo el enlace con una explicación mucho más extensa y detallada y con el ejemplo y los archivos para descargar. No tengo comentarios en la web (es una historia muy larga) así que si queréis comentar algo hacedlo aquí y responderé sin problema. Como bien me comentó artnau no se comporta correctamente (no cambia automáticamente de css) en algunos navegadores, y no tengo en cuenta los dispositivos 'handheld', aunque este layout estaba pensado para mejorar la web en gadgets más grandes que una pda pero menos que un portátil (véase PSP, Nokia 770...) y la verdad que no se como se identifican este tipo de aparatos (no se si cogen la css para handheld o pasan). Bueno pues a ver si alguien se anima y sacamos algo decente de esto. Un saludo! Enlace a Xenon Layout: http://www.marciobarrios.com/xenon-layout P.D.:está hecho con javascript pero como tiene que ver con la estructura de la web, por tanto con CSS, me ha parecido correcto enviarlo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo