Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?

2011-04-01 Por tema Reynier Pérez Mira
Gracias a todos por sus respuestas luego les comento como me fue y a q solución 
llegué





De: Martin Etxauri t...@eragin.com
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: miércoles 30 de marzo de 2011 3:34
Asunto: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?

aupa
Para mi la mejor solución hasta ahora ha sido lo que dice Plácido, un diseño 
de tamaño fijo (mas que fijo concreto) con las medidas en em.
De esta manera a las pantallas enormes no les aparecerá mas grande de buenas a 
primeras, pero si le dan zoom o tienen el tamaño de fuente del navegador 
puesto mas grande, si que les cogerá mayor tamaño.
saludos
martin

El 30/03/2011, a las 04:31, Plácido Luna escribió:

 Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas
 recomienda usar medidas relativas en lugar de absolutas (
 http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando aumentar
 así la accesibilidad de la información (hay mucho sobre esto, pero aquí
 algunas líneas puntales al respecto:
 http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php
 )
 
 Saludos.
 Plácido Luna.
 
 
 El 29 de marzo de 2011 23:08, Reynier Pérez Mira
 reynie...@hotmail.comescribió:
 
 
 Gracias a todos por sus prontas respuestas pero ahora lanzó otra pregunta
 relacionada con la anterior: como sé si estoy haciendo un diseño Elástico?
 El usar medidas con EM o % me lo garantiza o existe alguna pauta que deba
 cumplir? Si mal no entendí de los artículos que leí diseño Elástico permite
 que la página se expanda al tamaño admitido por el monitor del usuario pero
 esto puede romper con el diseño gráfico o el maquetado de la página y el
 diseño Fixed es cuando se usa un valor estático para el contenedor principal
 de los contenidos del sitio pero esto provoca que en monitores de gran
 tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de 21.5
 pero estoy trabajando para que la aplicación pueda verse en monitores (como
 mínimo) de 1024x768 de resolución, en este caso una definición como esta:
 
 div#wrap
 {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid
 #ccc;overflow:auto;}
 
 Estaría correcta?
 Saludos
 Ing. Reynier Pérez Mira
 
 
 
 Date: Tue, 29 Mar 2011 22:50:43 -0300
 From: octubre196...@gmail.com
 To: ovillo@lists.ovillo.org
 Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?
 
 En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em
 y
 luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada
 posible en el largo de las líneas de texto (cosa que en cierta forma
 también
 se lograría con la maquetación elástica si de cantidad de caracteres
 hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que
 tienen
 los monitores hace que el diseño fluido sea el menos apropiado desde mi
 punto de vista.
 
 Saludos!
 Plácido Luna.
 
 
 
 El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com
 escribió:
 
 Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida
 que
 programo voy descubriendo que el diseño no funciona bien en elástico y
 termino poniéndole un ancho fijo.
 La solución es pensar desde cero el diseño para elástico, y aún así la
 mayoría de las veces conviene ponerle max-width y min-width para evitar
 que
 se rompa.
 
 No soy el mejor, también tengo dudas con este tema.
 
 Martín.
 
 El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com
 escribió:
 
 Hola a todos:
 Estoy casi seguro de que este tema a sido discutido cientos de veces
 acá
 en
 la lista pero no logro encontrar un patrón a seguir para cuando voy a
 comenzar a desarrollar una aplicación. La cuestión es que he estado
 leyendo
 muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y
 contras
 pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es
 algo
 que no me queda claro y me gustaría aprender de los mejores.
 
 
 [1]
 
 
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
 [2] http://green-beast.com/blog/?p=199
 
 Saludos y gracias por adelantado
 
 
 
 
 ___
 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
 
 
 
 
 --
 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723
 ___
 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

Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?

2011-04-01 Por tema Reynier Pérez Mira
Gracias a todos por sus respuestas luego les comento como me fue y a q solución 
llegué





De: Martin Etxauri t...@eragin.com
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: miércoles 30 de marzo de 2011 3:34
Asunto: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?

aupa
Para mi la mejor solución hasta ahora ha sido lo que dice Plácido, un diseño 
de tamaño fijo (mas que fijo concreto) con las medidas en em.
De esta manera a las pantallas enormes no les aparecerá mas grande de buenas a 
primeras, pero si le dan zoom o tienen el tamaño de fuente del navegador 
puesto mas grande, si que les cogerá mayor tamaño.
saludos
martin

El 30/03/2011, a las 04:31, Plácido Luna escribió:

 Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas
 recomienda usar medidas relativas en lugar de absolutas (
 http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando aumentar
 así la accesibilidad de la información (hay mucho sobre esto, pero aquí
 algunas líneas puntales al respecto:
 http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php
 )
 
 Saludos.
 Plácido Luna.
 
 
 El 29 de marzo de 2011 23:08, Reynier Pérez Mira
 reynie...@hotmail.comescribió:
 
 
 Gracias a todos por sus prontas respuestas pero ahora lanzó otra pregunta
 relacionada con la anterior: como sé si estoy haciendo un diseño Elástico?
 El usar medidas con EM o % me lo garantiza o existe alguna pauta que deba
 cumplir? Si mal no entendí de los artículos que leí diseño Elástico permite
 que la página se expanda al tamaño admitido por el monitor del usuario pero
 esto puede romper con el diseño gráfico o el maquetado de la página y el
 diseño Fixed es cuando se usa un valor estático para el contenedor principal
 de los contenidos del sitio pero esto provoca que en monitores de gran
 tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de 21.5
 pero estoy trabajando para que la aplicación pueda verse en monitores (como
 mínimo) de 1024x768 de resolución, en este caso una definición como esta:
 
 div#wrap
 {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid
 #ccc;overflow:auto;}
 
 Estaría correcta?
 Saludos
 Ing. Reynier Pérez Mira
 
 
 
 Date: Tue, 29 Mar 2011 22:50:43 -0300
 From: octubre196...@gmail.com
 To: ovillo@lists.ovillo.org
 Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?
 
 En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em
 y
 luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada
 posible en el largo de las líneas de texto (cosa que en cierta forma
 también
 se lograría con la maquetación elástica si de cantidad de caracteres
 hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que
 tienen
 los monitores hace que el diseño fluido sea el menos apropiado desde mi
 punto de vista.
 
 Saludos!
 Plácido Luna.
 
 
 
 El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com
 escribió:
 
 Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida
 que
 programo voy descubriendo que el diseño no funciona bien en elástico y
 termino poniéndole un ancho fijo.
 La solución es pensar desde cero el diseño para elástico, y aún así la
 mayoría de las veces conviene ponerle max-width y min-width para evitar
 que
 se rompa.
 
 No soy el mejor, también tengo dudas con este tema.
 
 Martín.
 
 El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com
 escribió:
 
 Hola a todos:
 Estoy casi seguro de que este tema a sido discutido cientos de veces
 acá
 en
 la lista pero no logro encontrar un patrón a seguir para cuando voy a
 comenzar a desarrollar una aplicación. La cuestión es que he estado
 leyendo
 muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y
 contras
 pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es
 algo
 que no me queda claro y me gustaría aprender de los mejores.
 
 
 [1]
 
 
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
 [2] http://green-beast.com/blog/?p=199
 
 Saludos y gracias por adelantado
 
 
 
 
 ___
 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
 
 
 
 
 --
 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723
 ___
 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

Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?

2011-04-01 Por tema Ivan Pérez
Use un framework adaptivo para diferentes monitores y tambien para los
moviles

http://lessframework.com/

Saludos.

El 1 de abril de 2011 08:02, Reynier Pérez Mira reynie...@yahoo.comescribió:

 Gracias a todos por sus respuestas luego les comento como me fue y a q
 solución llegué




 
 De: Martin Etxauri t...@eragin.com
 Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Enviado: miércoles 30 de marzo de 2011 3:34
 Asunto: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?
 
 aupa
 Para mi la mejor solución hasta ahora ha sido lo que dice Plácido, un
 diseño de tamaño fijo (mas que fijo concreto) con las medidas en em.
 De esta manera a las pantallas enormes no les aparecerá mas grande de
 buenas a primeras, pero si le dan zoom o tienen el tamaño de fuente del
 navegador puesto mas grande, si que les cogerá mayor tamaño.
 saludos
 martin
 
 El 30/03/2011, a las 04:31, Plácido Luna escribió:
 
  Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas
  recomienda usar medidas relativas en lugar de absolutas (
  http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando
 aumentar
  así la accesibilidad de la información (hay mucho sobre esto, pero aquí
  algunas líneas puntales al respecto:
 
 http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php
  )
 
  Saludos.
  Plácido Luna.
 
 
  El 29 de marzo de 2011 23:08, Reynier Pérez Mira
  reynie...@hotmail.comescribió:
 
 
  Gracias a todos por sus prontas respuestas pero ahora lanzó otra
 pregunta
  relacionada con la anterior: como sé si estoy haciendo un diseño
 Elástico?
  El usar medidas con EM o % me lo garantiza o existe alguna pauta que
 deba
  cumplir? Si mal no entendí de los artículos que leí diseño Elástico
 permite
  que la página se expanda al tamaño admitido por el monitor del usuario
 pero
  esto puede romper con el diseño gráfico o el maquetado de la página y
 el
  diseño Fixed es cuando se usa un valor estático para el contenedor
 principal
  de los contenidos del sitio pero esto provoca que en monitores de gran
  tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de
 21.5
  pero estoy trabajando para que la aplicación pueda verse en monitores
 (como
  mínimo) de 1024x768 de resolución, en este caso una definición como
 esta:
 
  div#wrap
  {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px
 solid
  #ccc;overflow:auto;}
 
  Estaría correcta?
  Saludos
  Ing. Reynier Pérez Mira
 
 
 
  Date: Tue, 29 Mar 2011 22:50:43 -0300
  From: octubre196...@gmail.com
  To: ovillo@lists.ovillo.org
  Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?
 
  En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en
 em
  y
  luego % para las fuentes. ¿Motivo? conservar una medida lo más
 controlada
  posible en el largo de las líneas de texto (cosa que en cierta forma
  también
  se lograría con la maquetación elástica si de cantidad de caracteres
  hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que
  tienen
  los monitores hace que el diseño fluido sea el menos apropiado desde
 mi
  punto de vista.
 
  Saludos!
  Plácido Luna.
 
 
 
  El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com
  escribió:
 
  Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a
 medida
  que
  programo voy descubriendo que el diseño no funciona bien en elástico
 y
  termino poniéndole un ancho fijo.
  La solución es pensar desde cero el diseño para elástico, y aún así
 la
  mayoría de las veces conviene ponerle max-width y min-width para
 evitar
  que
  se rompa.
 
  No soy el mejor, también tengo dudas con este tema.
 
  Martín.
 
  El 29 de marzo de 2011 22:04, Reynier Pérez Mira 
 reynie...@yahoo.com
  escribió:
 
  Hola a todos:
  Estoy casi seguro de que este tema a sido discutido cientos de veces
  acá
  en
  la lista pero no logro encontrar un patrón a seguir para cuando voy
 a
  comenzar a desarrollar una aplicación. La cuestión es que he estado
  leyendo
  muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y
  contras
  pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es
  algo
  que no me queda claro y me gustaría aprender de los mejores.
 
 
  [1]
 
 
 
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
  [2] http://green-beast.com/blog/?p=199
 
  Saludos y gracias por adelantado
 
 
 
 
  ___
  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

Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?

2011-03-30 Por tema Martin Etxauri
aupa
Para mi la mejor solución hasta ahora ha sido lo que dice Plácido, un diseño de 
tamaño fijo (mas que fijo concreto) con las medidas en em.
De esta manera a las pantallas enormes no les aparecerá mas grande de buenas a 
primeras, pero si le dan zoom o tienen el tamaño de fuente del navegador puesto 
mas grande, si que les cogerá mayor tamaño.
saludos
martin

El 30/03/2011, a las 04:31, Plácido Luna escribió:

 Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas
 recomienda usar medidas relativas en lugar de absolutas (
 http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando aumentar
 así la accesibilidad de la información (hay mucho sobre esto, pero aquí
 algunas líneas puntales al respecto:
 http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php
 )
 
 Saludos.
 Plácido Luna.
 
 
 El 29 de marzo de 2011 23:08, Reynier Pérez Mira
 reynie...@hotmail.comescribió:
 
 
 Gracias a todos por sus prontas respuestas pero ahora lanzó otra pregunta
 relacionada con la anterior: como sé si estoy haciendo un diseño Elástico?
 El usar medidas con EM o % me lo garantiza o existe alguna pauta que deba
 cumplir? Si mal no entendí de los artículos que leí diseño Elástico permite
 que la página se expanda al tamaño admitido por el monitor del usuario pero
 esto puede romper con el diseño gráfico o el maquetado de la página y el
 diseño Fixed es cuando se usa un valor estático para el contenedor principal
 de los contenidos del sitio pero esto provoca que en monitores de gran
 tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de 21.5
 pero estoy trabajando para que la aplicación pueda verse en monitores (como
 mínimo) de 1024x768 de resolución, en este caso una definición como esta:
 
 div#wrap
 {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid
 #ccc;overflow:auto;}
 
 Estaría correcta?
 Saludos
 Ing. Reynier Pérez Mira
 
 
 
 Date: Tue, 29 Mar 2011 22:50:43 -0300
 From: octubre196...@gmail.com
 To: ovillo@lists.ovillo.org
 Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?
 
 En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em
 y
 luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada
 posible en el largo de las líneas de texto (cosa que en cierta forma
 también
 se lograría con la maquetación elástica si de cantidad de caracteres
 hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que
 tienen
 los monitores hace que el diseño fluido sea el menos apropiado desde mi
 punto de vista.
 
 Saludos!
 Plácido Luna.
 
 
 
 El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com
 escribió:
 
 Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida
 que
 programo voy descubriendo que el diseño no funciona bien en elástico y
 termino poniéndole un ancho fijo.
 La solución es pensar desde cero el diseño para elástico, y aún así la
 mayoría de las veces conviene ponerle max-width y min-width para evitar
 que
 se rompa.
 
 No soy el mejor, también tengo dudas con este tema.
 
 Martín.
 
 El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com
 escribió:
 
 Hola a todos:
 Estoy casi seguro de que este tema a sido discutido cientos de veces
 acá
 en
 la lista pero no logro encontrar un patrón a seguir para cuando voy a
 comenzar a desarrollar una aplicación. La cuestión es que he estado
 leyendo
 muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y
 contras
 pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es
 algo
 que no me queda claro y me gustaría aprender de los mejores.
 
 
 [1]
 
 
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
 [2] http://green-beast.com/blog/?p=199
 
 Saludos y gracias por adelantado
 
 
 
 
 ___
 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
 
 
 
 
 --
 *Plácido Luna*
 http://www.octubre.com.uy
 (+598) 99 942723
 ___
 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] Cual diseño usar: Fixed, Fluid, Elastic?

2011-03-29 Por tema Reynier Pérez Mira
Hola a todos:
Estoy casi seguro de que este tema a sido discutido cientos de veces acá en la 
lista pero no logro encontrar un patrón a seguir para cuando voy a comenzar a 
desarrollar una aplicación. La cuestión es que he estado leyendo muy buenos 
artículos [1], [2] y se que cada cual tiene ssu pros y contras pero a la hora 
de decidirse por un diseño: cómo lo hacen ustedes? Es algo que no me queda 
claro y me gustaría aprender de los mejores.


[1] 
http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
[2] http://green-beast.com/blog/?p=199

Saludos y gracias por adelantado



  
___
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] Cual diseño usar: Fixed, Fluid, Elastic?

2011-03-29 Por tema Martín Szyszlican
Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida que
programo voy descubriendo que el diseño no funciona bien en elástico y
termino poniéndole un ancho fijo.
La solución es pensar desde cero el diseño para elástico, y aún así la
mayoría de las veces conviene ponerle max-width y min-width para evitar que
se rompa.

No soy el mejor, también tengo dudas con este tema.

Martín.

El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.comescribió:

 Hola a todos:
 Estoy casi seguro de que este tema a sido discutido cientos de veces acá en
 la lista pero no logro encontrar un patrón a seguir para cuando voy a
 comenzar a desarrollar una aplicación. La cuestión es que he estado leyendo
 muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y contras
 pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es algo
 que no me queda claro y me gustaría aprender de los mejores.


 [1]
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
 [2] http://green-beast.com/blog/?p=199

 Saludos y gracias por adelantado




 ___
 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] Cual diseño usar: Fixed, Fluid, Elastic?

2011-03-29 Por tema Plácido Luna
En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em y
luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada
posible en el largo de las líneas de texto (cosa que en cierta forma también
se lograría con la maquetación elástica si de cantidad de caracteres
hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que tienen
los monitores hace que el diseño fluido sea el menos apropiado desde mi
punto de vista.

Saludos!
Plácido Luna.



El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.comescribió:

 Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida que
 programo voy descubriendo que el diseño no funciona bien en elástico y
 termino poniéndole un ancho fijo.
 La solución es pensar desde cero el diseño para elástico, y aún así la
 mayoría de las veces conviene ponerle max-width y min-width para evitar que
 se rompa.

 No soy el mejor, también tengo dudas con este tema.

 Martín.

 El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com
 escribió:

  Hola a todos:
  Estoy casi seguro de que este tema a sido discutido cientos de veces acá
 en
  la lista pero no logro encontrar un patrón a seguir para cuando voy a
  comenzar a desarrollar una aplicación. La cuestión es que he estado
 leyendo
  muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y contras
  pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es algo
  que no me queda claro y me gustaría aprender de los mejores.
 
 
  [1]
 
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
  [2] http://green-beast.com/blog/?p=199
 
  Saludos y gracias por adelantado
 
 
 
 
  ___
  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




-- 
*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723
___
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] Cual diseño usar: Fixed, Fluid, Elastic?

2011-03-29 Por tema Plácido Luna
Reyner, las WCAG 1.0 en su recomendación 3.4 recomienda usar medidas
recomienda usar medidas relativas en lugar de absolutas (
http://www.w3.org/TR/WCAG10/#gl-structure-presentation) buscando aumentar
así la accesibilidad de la información (hay mucho sobre esto, pero aquí
algunas líneas puntales al respecto:
http://www.colaborando.net/diseno-fijo-flexible-liquido-fluido-diseno-universal/pagina10.php
)

Saludos.
Plácido Luna.


El 29 de marzo de 2011 23:08, Reynier Pérez Mira
reynie...@hotmail.comescribió:


 Gracias a todos por sus prontas respuestas pero ahora lanzó otra pregunta
 relacionada con la anterior: como sé si estoy haciendo un diseño Elástico?
 El usar medidas con EM o % me lo garantiza o existe alguna pauta que deba
 cumplir? Si mal no entendí de los artículos que leí diseño Elástico permite
 que la página se expanda al tamaño admitido por el monitor del usuario pero
 esto puede romper con el diseño gráfico o el maquetado de la página y el
 diseño Fixed es cuando se usa un valor estático para el contenedor principal
 de los contenidos del sitio pero esto provoca que en monitores de gran
 tamaño se pierda mucho espacio a ambos lados, cierto? Mi monitor es de 21.5
 pero estoy trabajando para que la aplicación pueda verse en monitores (como
 mínimo) de 1024x768 de resolución, en este caso una definición como esta:

 div#wrap
  {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid
 #ccc;overflow:auto;}

 Estaría correcta?
 Saludos
 Ing. Reynier Pérez Mira



  Date: Tue, 29 Mar 2011 22:50:43 -0300
  From: octubre196...@gmail.com
  To: ovillo@lists.ovillo.org
  Subject: Re: [Ovillo] Cual diseño usar: Fixed, Fluid, Elastic?
 
  En mi caso apunto al diseño fijo cada vez que puedo, usando tamaños en em
 y
  luego % para las fuentes. ¿Motivo? conservar una medida lo más controlada
  posible en el largo de las líneas de texto (cosa que en cierta forma
 también
  se lograría con la maquetación elástica si de cantidad de caracteres
  hablamos). Hoy por hoy, con la varidad de ancho en medidas reales que
 tienen
  los monitores hace que el diseño fluido sea el menos apropiado desde mi
  punto de vista.
 
  Saludos!
  Plácido Luna.
 
 
 
  El 29 de marzo de 2011 22:40, Martín Szyszlican marti...@gmail.com
 escribió:
 
   Cuando empiezo de cero siempre apunto a hacerlo elástico, pero a medida
 que
   programo voy descubriendo que el diseño no funciona bien en elástico y
   termino poniéndole un ancho fijo.
   La solución es pensar desde cero el diseño para elástico, y aún así la
   mayoría de las veces conviene ponerle max-width y min-width para evitar
 que
   se rompa.
  
   No soy el mejor, también tengo dudas con este tema.
  
   Martín.
  
   El 29 de marzo de 2011 22:04, Reynier Pérez Mira reynie...@yahoo.com
   escribió:
  
Hola a todos:
Estoy casi seguro de que este tema a sido discutido cientos de veces
 acá
   en
la lista pero no logro encontrar un patrón a seguir para cuando voy a
comenzar a desarrollar una aplicación. La cuestión es que he estado
   leyendo
muy buenos artículos [1], [2] y se que cada cual tiene ssu pros y
 contras
pero a la hora de decidirse por un diseño: cómo lo hacen ustedes? Es
 algo
que no me queda claro y me gustaría aprender de los mejores.
   
   
[1]
   
  
 http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
[2] http://green-beast.com/blog/?p=199
   
Saludos y gracias por adelantado
   
   
   
   
___
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
  
 
 
 
  --
  *Plácido Luna*
  http://www.octubre.com.uy
  (+598) 99 942723
  ___
  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




-- 
*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723
___
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