Hola Edgardo! > faltaría seria saber los pasos precisos para no perderme en el proceso de > hacerlo adaptativo. >
Me gustaría aportarte algo, por si puede servirte (y a los demás compañeros de la lista). Ante todo, te invito a leer las diapositivas de una capacitación que preparé el año pasado sobre ese tema: http://www.slideshare.net/hbeati/web-mvil-inclusiva-y-accesible La primera recomendación es que sigas el concepto de "Mobile First": primero piensa la versión más pequeña, luego las mayores. Segundo, los "breakpoints" (las medidas donde dejar de usar un diseño y crear un layout diferente), contra lo que muchos pregonan, no conviene que sean definidos según la medida de los dispositivos de moda (iPhone, iPad), sino según los contenidos específicos de cada sitio. Cuando un diseño a una columna para móviles ya se vea "feo" si lo seguimos estirando horizontalmente, entonces ya es tiempo de crear otro layout para el siguiente tamaño de pantalla, y así sucesivamente. Con 3 o 4 variantes debería ser suficiente. Tercero: no solo la cantidad de columnas flotadas importa, sino que la grilla sea flexible (en porcentajes y ems), y que las imágenes y videos también sean adaptables. Para los que quieran profundizar en Responsive Web Design, hace más de un año que dicto dos cursos que incluyen ese tema. Los doy en el instituto DotZero (Buenos Aires, Argentina). Son el curso de "HTML5 y CSS3" (donde vemos RWD a nivel introductorio), pero más a fondo lo vemos en el curso "CSS Práctico", donde una clase entera está dedicada a este tema, y codificamos varias páginas usando media queries: http://www.dotzero.org/capacitacion/curso-css-practico Hoy justamente (y por eso lo comento) acaban de darme la noticia de que han puesto online la versión adaptable de MundoD (diario deportivo de La Voz del Interior, Córdoba: http://mundod.lavoz.com.ar ) donde estuve dando una capacitación sobre este tema al equipo de diseñadores y programadores en marzo pasado: ¡me pone muy contento que se comience a crear sitios con este concepto por aquí en Argentina!... Un saludo! -- Hernán Beati her...@saberweb.com.ar http://www.saberweb.com.ar Facebook: https://www.facebook.com/saberweb Twitter: https://twitter.com/hernan_beati LinkedIn: http://ar.linkedin.com/in/hernanbeati Slideshare: http://www.slideshare.net/hbeati Autor del libro "PHP, Creación de páginas Web dinámicas": http://www.cuspide.com/isbn/9871609213 _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo
