Re: [Ovillo] Maquetación inicial con Web Responsive Design

2012-07-25 Por tema Edgardo Raúl Galletto
Muchas gracias totales por sus consejos...los tendré en cuenta ya mismo!!!
Edgard_Roul
...:: In Trance We Trust ::...
Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina

-Original Message-
From: Gicela Morales gicela.mora...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Tue, 24 Jul 2012 10:22:14 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo]
Maquetación inicial con Web Responsive Design

Hola Edgardo,

Mi consejo es que utilices el viewport y las media queries para el diseño
responsable. Trata de mantener el tamaño de la página lo mas pequeño
posible y no mandar imagenes de gran tamaño por la red a un dispositivo
móvil.
Es mejor que escribas tu propio HTML y CSS, ya que los frameworks contienen
código que no necesitas.
Ejecuta los diseños en los navegadores disponibles y despues pruebalos en
los emuladores móviles (Opera tiene unos muy buenos).
Cuando tus páginas sean satisfactorias en los navegadores, entonces crea un
'child theme' en WordPress con tu código. De esta manera, ya sabes que el
código funciona bastante bien y si hay algún problema, es WordPress y no tu
código!

Un saludo,
Gicela


-- 
Gicela Morales
www.gicelamorales.com
twitter: @gicela


2012/7/22 Edgardo Raúl G. edgardogalle...@gmail.com

 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.

 Edgard_Roul
 ...:: WebModerna | el futuro de la web ::...
   www.webmoderna.com.ar
   i...@webmoderna.com.ar
 ___
 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

2012-07-24 Por tema Gicela Morales
Hola Edgardo,

Mi consejo es que utilices el viewport y las media queries para el diseño
responsable. Trata de mantener el tamaño de la página lo mas pequeño
posible y no mandar imagenes de gran tamaño por la red a un dispositivo
móvil.
Es mejor que escribas tu propio HTML y CSS, ya que los frameworks contienen
código que no necesitas.
Ejecuta los diseños en los navegadores disponibles y despues pruebalos en
los emuladores móviles (Opera tiene unos muy buenos).
Cuando tus páginas sean satisfactorias en los navegadores, entonces crea un
'child theme' en WordPress con tu código. De esta manera, ya sabes que el
código funciona bastante bien y si hay algún problema, es WordPress y no tu
código!

Un saludo,
Gicela


-- 
Gicela Morales
www.gicelamorales.com
twitter: @gicela


2012/7/22 Edgardo Raúl G. edgardogalle...@gmail.com

 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.

 Edgard_Roul
 ...:: WebModerna | el futuro de la web ::...
   www.webmoderna.com.ar
   i...@webmoderna.com.ar
 ___
 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

2012-07-23 Por tema Tei
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

Re: [Ovillo] Maquetación inicial con Web Responsive Design

2012-07-23 Por tema Edgardo Raúl Galletto
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 tram...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Sun, 22 Jul 2012 10:29:58 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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
leonardoazpu...@cantv.netescribió:


 - Original Message -
 From: Edgardo Raúl G. edgardogalle...@gmail.com
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 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

2012-07-23 Por tema Hernán Beati
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

2012-07-22 Por tema Latrasweb
Muy buenas, Edgardo:

En mi opinión, sino tienes conocimientos aún es que no empieces
embarcandote con html5,css3. Lo mejor es empezar por html 4.01 o xhtml 1 en
la parte de html y por css2.1 en la parte de css.
Te digo esto porque primero tienen la compatibilidad más  alta con
navegadores, luego porque encontraras más información y finalmente porque
html5/css3 no son más que un superconjunto de html 4.01 y css2.1. Todo lo
que aprendas de los últimos te servirá para los primeros.
Te dejo una buena página con información efectiva para aprender.
http://www.librosweb.es/

Un saludo Edgardo y mucha suerte
El 22/07/2012 06:09, Edgardo Raúl G. edgardogalle...@gmail.com escribió:

 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.

 Edgard_Roul
 ...:: WebModerna | el futuro de la web ::...
   www.webmoderna.com.ar
   i...@webmoderna.com.ar
 ___
 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

2012-07-22 Por tema Edgardo Raúl Galletto
Gracias por tu respuesta. Aprovecho para corregir lo antes dicho y solicitado 
por mi: a los conocimientos ya los tengo, incluso me baje y estudie esos 
manuales y muchos mas; incluyendo html5 y css3. Yo me quería referir al 
conocimiento en cuanto a auto-organización, gestión, y orden o pasos a seguir 
en el desarrollo del proyecto. O sea trucos y detalles a tener en cuenta al 
empezar, por donde comenzar primero, ejemplos de casos hechos...etc...
Gracias..
Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina

-Original Message-
From: Latrasweb latras...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Sun, 22 Jul 2012 10:56:37 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo]
Maquetación inicial con Web Responsive Design

Muy buenas, Edgardo:

En mi opinión, sino tienes conocimientos aún es que no empieces
embarcandote con html5,css3. Lo mejor es empezar por html 4.01 o xhtml 1 en
la parte de html y por css2.1 en la parte de css.
Te digo esto porque primero tienen la compatibilidad más  alta con
navegadores, luego porque encontraras más información y finalmente porque
html5/css3 no son más que un superconjunto de html 4.01 y css2.1. Todo lo
que aprendas de los últimos te servirá para los primeros.
Te dejo una buena página con información efectiva para aprender.
http://www.librosweb.es/

Un saludo Edgardo y mucha suerte
El 22/07/2012 06:09, Edgardo Raúl G. edgardogalle...@gmail.com escribió:

 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.

 Edgard_Roul
 ...:: WebModerna | el futuro de la web ::...
   www.webmoderna.com.ar
   i...@webmoderna.com.ar
 ___
 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

2012-07-22 Por tema Leonardo Azpurua

- Original Message - 
From: Edgardo Raúl G. edgardogalle...@gmail.com
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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


Re: [Ovillo] Maquetación inicial con Web Responsive Design

2012-07-22 Por tema Tereso Ramos
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
leonardoazpu...@cantv.netescribió:


 - Original Message -
 From: Edgardo Raúl G. edgardogalle...@gmail.com
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 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


[Ovillo] Maquetación inicial con Web Responsive Design

2012-07-21 Por tema Edgardo Raúl G.
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.

Edgard_Roul
...:: WebModerna | el futuro de la web ::...
  www.webmoderna.com.ar
  i...@webmoderna.com.ar
___
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