Re: [Ovillo] Mi opinión sobre el 62.5%
On 3/23/06, Miguel Benítez [EMAIL PROTECTED] wrote: Yo creo que en este caso se debe pensar en la mayoría de los usuarios y desde mi corta experiencia, conozco a poca gente que toque el tamaño de fuente por defecto del navegador, por no decir que todavía no he conocido a nadie. Bueno, yo soy bastante miope y a pesar de usar gafas me encuentro mucho más cómodo con tamaños de letra mayores, y aunque suelo tolerar que una web se descuadre un poco al aumentar el tamaño de fuente si el descuadre afecta a algún elemento clave de la interfaz (algún enlace importante, por ejemplo, o que el texto se monte sobre algún banner publicitario) me molesta un montón. No sé qué porcentaje de miopes hace esto (sospecho que pocos). -- http://sobrerailes.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
Hola a todos, Marc González Majoral escribió: En unos cuantos hilos de esta lista de correo he leído que para cuadrar con el diseño los tipos de letra usando medidas relativas se pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de letra base sea de 10 píxels. Yo creo que esto es un error y me he hecho unas preguntas, que he intentado auto-responderme. Y yo creo que hay una gran confusión en torno a este tema. Usar font-size: 62.5% en el body no es para forzar nada sino simplemente para establecer una unidad manejable al *maquetar* una página usando 'em'. Partiendo de que 16px * 0.625 = 10px, si necesitamos hacer un layout con estas medidas: 800px --- | 150px | 400px |250px | En Firefox, IE, Ópera y cualquier otro navegador que use 16px como tamaño de fuente normal o mediano, bastaría con maquetarlo de esta forma: 80em --- | 14em | 40em |25em| 800px / 10px = 80em 140px / 10px = 14em 400px / 10px = 40em 250px / 10px = 25em En cambio, si usáramos font-size: 75% en el body (16px * 0.75 = 12px) la proporción sería: 800px / 12px = 66.em 140px / 12px = 11.em 400px / 12px = 33.em 250px / 12px = 20.8333em Hacer cuadrar una maqueta con estas medidas es mucho más difícil que usando medidas relativas. Entonces el objetivo de la técnica es fundamentalmente facilitar el armado de un layout flexible y con medidas relativas al tamaño de fuente. Podríamos, por ejemplo, una vez finalizado el armado de la página, cambiar 62.5% a 75% y tendríamos un layout *proporcionalmente* más grande (en navegadores con 16px como tamaño de fuente normal). De la misma manera, en un navegador con un tamaño de fuente normal mayor o menor a 16px, el layout será *proporcionalmente* más grande o chico. Entonces, mi conclusión es que da lo mismo que el tamaño de fuente en el body sea 62.5%, 10px (cambiando la regla para IE, como propone Choan) o bien uno de estos dos durante el armado para luego cambiarlo a cualquier otro porcentaje. Lo importante es que las medidas de los elementos de bloque estén en em para que el tamaño del layout cambie proporcionalmente junto al tamaño de fuente que el usuario desee usar. De todos modos, aunque en muchos proyectos he utilizado este tipo de layout elástico, yo preferiría trabajar con layouts líquidos que se adapten solos al tamaño de ventana y/o resolución. El problema es que no siempre uno trabaja con diseños que pueden hacerse de esta forma. Disculpen la extensión, espero haber sido claro. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
On 3/23/06, Miguel Benítez [EMAIL PROTECTED] wrote: Yo creo que en este caso se debe pensar en la mayoría de los usuarios y desde mi corta experiencia, conozco a poca gente que toque el tamaño de fuente por defecto del navegador, por no decir que todavía no he conocido a nadie. No se que opinais vosotros. yo opino que intentar cuadrar un diseño al pixel i/o que se vea idéntico en cualquier navegador es un esfuerzo normalmente desproporcionado y q muchas veces (no todas) va en contra del usuario final. Mi opción es maquetar todo en ems y olvidarme de que todo cuadre al milímetro. Sé que si utilizo un div lateral de 10 ems de ancho, posicionado absolutamente a 5 ems de margin-top (el alto del div de cabecera), y el contenido tiene un margin-{left|right} de 10 ems, siempre se verá bien. quizás grande, quizás pequeño, pero bien, sin problemas de solapamiento ni descolocación ni nada. El usuario ya se lo pondrá al tamaño que estime conveniente. y si no sabe, se le explica de alguna manera (con el tipico boton de aumentar/disminuir fuente que enlace una página donde lo explique, por ejemplo). seguramente piense así pq me considero más programador que diseñador: siempre he considerado mucho más el contenido que el diseño (no es raro que navegue por internet con el navegador links2, un navegador modo texto de linux). supongo que a los diseñadores no les pasará exactamente lo contrario (o almenos a los de esta lista no ;-) ), pero si que priman más el aspecto. saludos -- Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
Me parece interesante el argumento de Camilo Kawerín [1] para usar 62.5%. Es una opción que realmente tiene sentido para hacer un layout con ems. Owen Briggs ha comprobado exhaustivamente que 76% en el body es una forma de obtener un tamaño base de 12px *consistente* en todos los browsers. A primera vista 62.5% también lo sería (ver capturas de pantalla en [2]) pero eso habría que comprobarlo. Por otro lado, Choan Gálvez prefiere [3] usar un hack, para simplemente pasarle pixels a todos los browsers, menos a IE que recibe 62.5%. Nunca he usado pixels, pero me interesaría saber si tienen el grado de consistencia que tiene el método de Briggs, y si tienen alguna ventaja real o potencial sobre %. Una desventaja de los px, creo yo, es que muchos autores creen que el pixel es una medida absoluta, cuando en realidad es relativa. Ver [4] y [5]. Mi opinión: * Esta es una de esas discusiones infinitas... como pc vs mac, o layout líquido vs. fluido vs. elástico. * Podríamos testear estos métodos como lo ha hecho Briggs a ver si realmente son consistentes en todos los browsers en su configuración por defecto, y que reacciones tienen ante configuraciones alternativas. * Usa lo que te sirva, testea mucho. Saludos, - Manuel [1] http://bidwell.textdrive.com/pipermail/ovillo/2006-March/009179.html [2] http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html [3] http://bidwell.textdrive.com/pipermail/ovillo/2006-March/009019.html [4] http://www.w3.org/TR/CSS21/syndata.html#value-def-length [5] http://web-graphics.com/mtarchive/001165.php -- ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
On 3/24/06, Manuel Razzari [EMAIL PROTECTED] wrote: Me parece interesante el argumento de Camilo Kawerín [1] para usar 62.5%. Es una opción que realmente tiene sentido para hacer un layout con ems. Owen Briggs ha comprobado exhaustivamente que 76% en el body es una forma de obtener un tamaño base de 12px *consistente* en todos los browsers. A primera vista 62.5% también lo sería (ver capturas de pantalla en [2]) pero eso habría que comprobarlo. Por otro lado, Choan Gálvez prefiere [3] usar un hack, para simplemente pasarle pixels a todos los browsers, En realidad, prefiero utilizar como tamaño para el contenido el que el usuario haya definido (así lo hago en Mundo Du [6]) y asignar el resto de tamaños en `em`. Pero claro, hay muy pocos diseños que admitan comenzar con un tamaño de texto que por defecto es enorme. menos a IE que recibe 62.5%. O lo que toque. El asunto es: si voy a asignar como tamaño de fuente el que al diseñador le venga en gana, asigno precisamente ese tamaño, y no uno que dependa de la configuración de cada navegador, de ahí que prefiera (y aconseje) utilizar píxeles. Ahora bien, como IE no permite reescalar textos definidos en píxeles, es necesario utilizar el hack (que, conviene aclarar, es de los que no duelen). Pero ojo, que funcionará solamente si el tamaño de texto definido por el usuario coincide con el que nosotro _intuimos_. Lo que me lleva otra vez a: definir el tamaño (base) del texto en porcentajes o em, es definirlo como el tanto por ciento de _vete-tú-a-saber_. Dicho de otra manera: x * 0.75 = y Si queremos definir el tamaño como `y` píxeles, todo bien. Pero no queremos tamaño `y`, queremos tamaño 12 o tamaño 10 o tamaño... Nunca he usado pixels, pero me interesaría saber si tienen el grado de consistencia que tiene el método de Briggs, y si tienen alguna ventaja real o potencial sobre %. Yo diría que más (a excepción, posiblemente, de sistemas Mac Os pre OS X). En cualquier caso, hagamos la prueba: http://scriptia.net/temp/ovillo/font-size.html Una desventaja de los px, creo yo, es que muchos autores creen que el pixel es una medida absoluta, cuando en realidad es relativa. Ver [4] y [5]. Festíviguander. Un centímetro siempre es un centímetro, pero, ¿a cuántos centímetros equivalen X píxeles? Depende de la configuración de pantalla (800x600, 1024x768) y del tamaño físico de la misma. Mi opinión: * Esta es una de esas discusiones infinitas... como pc vs mac, o layout líquido vs. fluido vs. elástico. Sí, lo es, pero todavía no hemos empezado a discutir XD * Podríamos testear estos métodos como lo ha hecho Briggs a ver si realmente son consistentes en todos los browsers en su configuración por defecto, y que reacciones tienen ante configuraciones alternativas. Por allá arriba anda la URL que propongo para hacer pruebas. * Usa lo que te sirva, testea mucho. +1 [6] http://du.lacalabaza.net/ Salud -- Choan [1] http://bidwell.textdrive.com/pipermail/ovillo/2006-March/009179.html [2] http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html [3] http://bidwell.textdrive.com/pipermail/ovillo/2006-March/009019.html [4] http://www.w3.org/TR/CSS21/syndata.html#value-def-length [5] http://web-graphics.com/mtarchive/001165.php ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
Yo de verdad sigo pensando que definir tamaños de fuente, tanto en EMs como en porcentajes, es un riesgo. Coged cualquier diseño realizado sobre un tamaño de texto base del 62.5%, definid la fuente por defecto del navegador en 10px y decidme qué podeis leer... sólo los titulares. Definiendo un tamaño de texto base font-size: x-small, 1em mide exactamente 10px (con el tamaño de fuente por defecto), con lo que podemos hacer cálculos tan a gusto como con el porcentaje. Pero estando mucho más tranquilos porque si alguien redefine el tamaño de fuente por defecto nuestro texto base NUNCA será inferior a 9px, es decir será legible. No descubro la pólvora, sigo paso a paso las reflexiones de Zeldman 2006/3/24, Choan C. Gálvez [EMAIL PROTECTED]: On 3/24/06, Manuel Razzari [EMAIL PROTECTED] wrote: Me parece interesante el argumento de Camilo Kawerín [1] para usar 62.5%. Es una opción que realmente tiene sentido para hacer un layout con ems. Owen Briggs ha comprobado exhaustivamente que 76% en el body es una forma de obtener un tamaño base de 12px *consistente* en todos los browsers. A primera vista 62.5% también lo sería (ver capturas de pantalla en [2]) pero eso habría que comprobarlo. Por otro lado, Choan Gálvez prefiere [3] usar un hack, para simplemente pasarle pixels a todos los browsers, En realidad, prefiero utilizar como tamaño para el contenido el que el usuario haya definido (así lo hago en Mundo Du [6]) y asignar el resto de tamaños en `em`. Pero claro, hay muy pocos diseños que admitan comenzar con un tamaño de texto que por defecto es enorme. menos a IE que recibe 62.5%. O lo que toque. El asunto es: si voy a asignar como tamaño de fuente el que al diseñador le venga en gana, asigno precisamente ese tamaño, y no uno que dependa de la configuración de cada navegador, de ahí que prefiera (y aconseje) utilizar píxeles. Ahora bien, como IE no permite reescalar textos definidos en píxeles, es necesario utilizar el hack (que, conviene aclarar, es de los que no duelen). Pero ojo, que funcionará solamente si el tamaño de texto definido por el usuario coincide con el que nosotro _intuimos_. Lo que me lleva otra vez a: definir el tamaño (base) del texto en porcentajes o em, es definirlo como el tanto por ciento de _vete-tú-a-saber_. Dicho de otra manera: x * 0.75 = y Si queremos definir el tamaño como `y` píxeles, todo bien. Pero no queremos tamaño `y`, queremos tamaño 12 o tamaño 10 o tamaño... Nunca he usado pixels, pero me interesaría saber si tienen el grado de consistencia que tiene el método de Briggs, y si tienen alguna ventaja real o potencial sobre %. Yo diría que más (a excepción, posiblemente, de sistemas Mac Os pre OS X). En cualquier caso, hagamos la prueba: http://scriptia.net/temp/ovillo/font-size.html Una desventaja de los px, creo yo, es que muchos autores creen que el pixel es una medida absoluta, cuando en realidad es relativa. Ver [4] y [5]. Festíviguander. Un centímetro siempre es un centímetro, pero, ¿a cuántos centímetros equivalen X píxeles? Depende de la configuración de pantalla (800x600, 1024x768) y del tamaño físico de la misma. Mi opinión: * Esta es una de esas discusiones infinitas... como pc vs mac, o layout líquido vs. fluido vs. elástico. Sí, lo es, pero todavía no hemos empezado a discutir XD * Podríamos testear estos métodos como lo ha hecho Briggs a ver si realmente son consistentes en todos los browsers en su configuración por defecto, y que reacciones tienen ante configuraciones alternativas. Por allá arriba anda la URL que propongo para hacer pruebas. * Usa lo que te sirva, testea mucho. +1 [6] http://du.lacalabaza.net/ Salud -- Choan [1] http://bidwell.textdrive.com/pipermail/ovillo/2006-March/009179.html [2] http://www.thenoodleincident.com/tutorials/typography/incremental_differences.html [3] http://bidwell.textdrive.com/pipermail/ovillo/2006-March/009019.html [4] http://www.w3.org/TR/CSS21/syndata.html#value-def-length [5] http://web-graphics.com/mtarchive/001165.php ___ 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://ovillo.org/mailman/listinfo/ovillo -- Orange at GMail ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Mi opinión sobre el 62.5%
En unos cuantos hilos de esta lista de correo he leído que para cuadrar con el diseño los tipos de letra usando medidas relativas se pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de letra base sea de 10 píxels. Yo creo que esto es un error y me he hecho unas preguntas, que he intentado auto-responderme. ¿Qué pasa si el usuario, mediante las opciones del propio navegador, cambia el tamaño de fuente base que lleva por defecto? Probado en Windows con Firefox 1.5.0.1 y en Linux (Debian) con Firefox 1.5.0.1 y Konqueror 3.5.1. El texto se descuadra. ¿Qué pasa si el usuario decide redimensionar el texto mientras está viendo la página (por ejemplo usando Ctrl + '+' en Firefox o en las Opciones de Internet Explorer)? Probado en Windows con Internet Explorer 6 y Firefox 1.5.0.1 y en Linux (Debian) con Firefox 1.5.0.1 y Konqueror 3.5.1. El texto se descuadra. ¿Qué pasa en otros sistemas operativos, donde el tamaño de fuente por defecto puede ser diferente? Probado con Firefox 1.5.0.1 y Konqueror 3.5.1 en Linux (Debian) y NetBSD. En Firefox si que cuadra, ya que el tamaño por defecto es el mismo que en Windows, 16 píxels. En Konqueror no cuadra, ya que el tamaño por defecto es diferente. --gonssal ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
Marc González Majoral escribió: En unos cuantos hilos de esta lista de correo he leído que para cuadrar con el diseño los tipos de letra usando medidas relativas se pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de letra base sea de 10 píxels. Yo creo que esto es un error y me he hecho unas preguntas, que he intentado auto-responderme. ¿Qué pasa si el usuario, mediante las opciones del propio navegador, cambia el tamaño de fuente base que lleva por defecto? Probado en Windows con Firefox 1.5.0.1 y en Linux (Debian) con Firefox 1.5.0.1 y Konqueror 3.5.1. El texto se descuadra. No entiendo a que te refieres por descuadrar, por ejemplo si en http://www.mozilla-europe.org/es/ http://www.striptm.com/ cambias el tamaño de letra no se descuadra nada, se hace más grande o más pequeño. -- Saludos -=stripTM=- ___ 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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Mi opinión sobre el 62.5%
Yo creo que en este caso se debe pensar en la mayoría de los usuarios y desde mi corta experiencia, conozco a poca gente que toque el tamaño de fuente por defecto del navegador, por no decir que todavía no he conocido a nadie. No se que opinais vosotros. - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web Tel.: +34 678 456 843 [EMAIL PROTECTED] www.miguelbenitez.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de stripTM Enviado el: jueves, 23 de marzo de 2006 23:24 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Mi opinión sobre el 62.5% Marc González Majoral escribió: En unos cuantos hilos de esta lista de correo he leído que para cuadrar con el diseño los tipos de letra usando medidas relativas se pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de letra base sea de 10 píxels. Yo creo que esto es un error y me he hecho unas preguntas, que he intentado auto-responderme. ¿Qué pasa si el usuario, mediante las opciones del propio navegador, cambia el tamaño de fuente base que lleva por defecto? Probado en Windows con Firefox 1.5.0.1 y en Linux (Debian) con Firefox 1.5.0.1 y Konqueror 3.5.1. El texto se descuadra. No entiendo a que te refieres por descuadrar, por ejemplo si en http://www.mozilla-europe.org/es/ http://www.striptm.com/ cambias el tamaño de letra no se descuadra nada, se hace más grande o más pequeño. -- Saludos -=stripTM=- ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
Yo creo que lo mejor para tamaños de fuentes relativos es utilizar palabras clave, al menos para aquellas fuentes que vayan a ser menores que 1em En Domestika tocamos el tema no hace mucho tiempo http://www.domestika.org/foros/viewtopic.php?t=42630 El día 23/03/06, Miguel Benítez [EMAIL PROTECTED] escribió: Yo creo que en este caso se debe pensar en la mayoría de los usuarios y desde mi corta experiencia, conozco a poca gente que toque el tamaño de fuente por defecto del navegador, por no decir que todavía no he conocido a nadie. No se que opinais vosotros. - Miguel Angel Benítez Martínez Diseñador gráfico / Desarrollador web Tel.: +34 678 456 843 [EMAIL PROTECTED] www.miguelbenitez.com -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de stripTM Enviado el: jueves, 23 de marzo de 2006 23:24 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Mi opinión sobre el 62.5% Marc González Majoral escribió: En unos cuantos hilos de esta lista de correo he leído que para cuadrar con el diseño los tipos de letra usando medidas relativas se pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de letra base sea de 10 píxels. Yo creo que esto es un error y me he hecho unas preguntas, que he intentado auto-responderme. ¿Qué pasa si el usuario, mediante las opciones del propio navegador, cambia el tamaño de fuente base que lleva por defecto? Probado en Windows con Firefox 1.5.0.1 y en Linux (Debian) con Firefox 1.5.0.1 y Konqueror 3.5.1. El texto se descuadra. No entiendo a que te refieres por descuadrar, por ejemplo si en http://www.mozilla-europe.org/es/ http://www.striptm.com/ cambias el tamaño de letra no se descuadra nada, se hace más grande o más pequeño. -- Saludos -=stripTM=- ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Orange at GMail ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
On 3/23/06, Miguel Benítez [EMAIL PROTECTED] wrote: Yo creo que en este caso se debe pensar en la mayoría de los usuarios y desde mi corta experiencia, conozco a poca gente que toque el tamaño de fuente por defecto del navegador, por no decir que todavía no he conocido a nadie. También estarías asumiendo que todos los navegadores usan cierto tamaño por defecto. -- Federico MP http://511.dabomb.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://ovillo.org/mailman/listinfo/ovillo