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