Hola, Aprovecho la pregunta de mi vecino venezolano para preguntar por el uso de mediaqueries en CSS, lo que he visto es que hacen lo mismo que plantea, pero en vez de usar un script de javascript usa puro css, me dejó deslumbrado la página http://www.cacaotour.com/ y muchos otros que se han registrado en el sitio http://mediaqueri.es/
Técnicamente lo que he entendido es que se pueden usar reglas condicionales en nuestro archivo CSS de manera que cuando se cumple con un a condición particular se aplica un conjunto de criterios en CSS y si no (o cumple con otra) se aplican otros. Al parecer el primer artículo sobre el tema apareció en A list apart hace como un año http://www.alistapart.com/articles/responsive-web-design/ pero poco a poco se encuentran más tutoriales sobre como hacerlo: http://webdesignerwall.com/tutorials/adaptive-mobile-design-with-css3-media-queries http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ El tema que más me ha costado trabajo es tener la claridad sobre como fluye el diseño en la media en que cambia el tamaño de la pantalla. De lo que he entendido hay que pensar en que momento los elementos flotan a un lado y cuando se ponen debajo (o encima) ocupando el 100% del ancho. No sé si alguien tiene una metodología para hacer eso.... De lo que veo sobre el script adapt.js y la forma en que trabajan los mediaqueries creo que es el mismo principio, pero en el caso de mediaqueries es el mismo CSS el que toma las decisiones lo que me parece que es más adecuado, Germán El 6 de junio de 2011 22:13, [email protected] <[email protected]>escribió: > Buenas noches a todos: > Este es un tema super discutido aca y al cual he estado muy atento pero > algo > estoy haciendo mal pues por mas que intento no lo logro. Resulta que estoy > trabajando con 960.gs y con el script adapt.js que lo unico que hace es > cambiar las hojas de estilo en base a la resolucion del monitor. Pues bien > mi monitor es de 22" por lo que la resolucion es de 1920 x 1080 y todo se > ve > "semiperfecto" (pues el contenido no cubre el 100% del contenedor y en lo > personal veo demasiado espacio en blanco). Cuando redimensiono la ventana > del navegador a 800x600 o 1024x768 usando la extension WebDeveloper de FF > hay es cuando se forma la linda xq todo se encoge y no cabe y se deforma > todo el contenido. Como le hacen ustedes para estos temas? > > Saludos y desde ya muchas gracias > Ing. Reynier Pérez Mira > Cel: +58 416.921.7406 / 416.012.1226 > Twitter: twitter.com/reypm > Correo: [email protected] / [email protected] / [email protected] > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) 3177381339 *Nuevo (+57) 3162846379* <http://atarraya.org/> <http://germanbustos.com/> <http://www.facebook.com/german.bustos> <http://twitter.com/kommodin> <http://www.linkedin.com/in/germanbustos> _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
