Re: [Ovillo] Maquetación inicial con Web Responsive Design
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
Re: [Ovillo] Maquetación inicial con Web Responsive Design
Genial querida gente: Ya encontré en gran parte la respuesta que estaba buscando. En ThemeForest encontré muchas plantillas de PSD pasadas a HTML5, CSS3, JavaScript (con JQueryMobile) y con Responsive Web Design incluido. Por lo tanto la respuesta es SI. Se puede y ya lo han hecho infinidad de veces muchas personas. Por lo tanto, ahora marcha adelante nomás!!! Lo que si me faltaría seria saber los pasos precisos para no perderme en el proceso de hacerlo adaptativo. Saludos! PD: Tereso Desde el 2004 que hago webs, pero en forma muy esporádica y sin ningún sistema de autorganizacion...hasta ahora. Ahora lo estoy empezando a hacer bien y quiero mejorarlo. Ya tengo experiencia y trabajos realizados. www.webmoderna.com.ar hay algunas cosas ahí. Abrazos a todos/as Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Tereso Ramos Sender: ovillo-boun...@lists.ovillo.org Date: Sun, 22 Jul 2012 10:29:58 To: Ovillo, la lista de CSS en castellano Reply-To: "Ovillo, la lista de CSS en castellano" Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Espero no se tome como ofensa, pero en mi opinión bajarse unos manuales y estudiarlos no es lo mismo que ponerse ya a trabajar directamente en un diseño. Considero que como toda "profesión" toma su tiempo tomar cierta experiencia. En lo personal no me quedaron muy claro tus preguntas, me pareció como que no tenías una idea muy clara de lo que debes hacer con los archivos que te darán. Mi sugerencia es que tomes alguna plantilla de wordpress y la adaptes a tu diseño, si no haz hecho nunca una plantilla me parece creo que es la manera mas sencilla de empezar. Suerte. El 22 de julio de 2012 06:32, Leonardo Azpurua escribió: > > - Original Message - > From: ""Edgardo Raúl G."" > To: "Ovillo, la lista de CSS en castellano" > Sent: Saturday, July 21, 2012 11:39 PM > Subject: [Ovillo] Maquetación inicial con Web Responsive Design > > > Muy buenas a todos/as: > > Les comento una inquietud y una pregunta. Me estoy iniciando en el > maquetado de una web para una inmobiliaria; y otra web que es para un > camping. La cuestión es que me van a dar unos archivos psd de unos > diseñadores gráficos, que realizaron el diseño de cómo se verían esas > webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como > me estoy iniciando en esto, serán obviamente mis primeros trabajos. La > pregunta del millón es: aprovecho esta oportunidad para ir maquetando, > pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos > para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para > que sea igual en todos los dispositivos móviles, tabletas...etc...)??? > Pregunto porque la información que encontré fueron tutoriales, videos y > bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, > puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos > móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar > esta etapa inicial para colocar trucos para hacer el diseño adaptativo > (me refieron, usar porcentajes, "em", nada de pixeles, min-with, > max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? > Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial > por ahí dando vueltas? Alguna data que me oriente? > Muchas gracias a todos y espero sus consejos. > > > > En http://dev.opera.com/ que es el sitio de información para > desarrolladores > de Opera, hay una cantidad de artículos sobre el tema de las interfaces > fluidas y el diseño adaptable. > > ___ > 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 > ___ 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 ___ 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
Re: [Ovillo] Maquetación inicial con Web Responsive Design
Lanzo una idea para Edgardo. Desarrollar las paginas del cliente en HTML 4.0, pero no cualquier HTML 4, sino uno moderno, el mejor que uno sea capaz, acorde a lo que se aconseja usar hoy en dia. Luego tener la pagina personal de uno, proyectos webs, y otras iniciativas personales en HTML 5, y observar muy atentamente el feedback de la gente que use esas paginas. Quien tiene problemas, que problemas tiene, etc. Asi usariamos algo personal de conejillo de indias. En el momento que parezca que los navegadores tienen suficiente madurez para usar HTML 5, pasar a utilizarlo en proyectos no-personales. Hoy en dia los navegadores se actualizan casi diariamente, no hay que esperar 10 años a que una mejora tecnologica se imponga. Pero eso no significa que trabajemos en la ultima version de X. Yo personalmente sigo pensando que hay que seguir apostando por las versiones que nos dan mayor compatibilidad a la vez que son lo suficientemente modernas para hacer algo decente. En realidad me gustaria apostar por la version mas antigua posible, que seria la que me daria mejor compatibilidad, pero esto no es posible porque junto a versiones antiguas vienen formas de trabajar peores y peores resultados. Esto ha sido hasta ahora el sentido comun webmastero, y ha dado buenos resultados. -- -- ℱin del ℳensaje. ___ 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
