Re: [Ovillo] YUI CSS
2008/3/31 Daniel G. Blázquez [EMAIL PROTECTED]: ... el tamaño base son 13px y eso corresponde a un 100%, con una sencilla regla de tres puedo sacar cualquier equivalencia en porcentaje de un tamaño en píxeles. Pues ya adelanto que no, véase si no que a 26px (el doble de 13px) le corresponde un porcentaje de 197 y no de 200. ¿Podemos liarla más?, sí podemos, si comprobamos los valores computados en una página de ejemplo [4] observamos que algunas cuentas no casan. ¿Y que es lo que está mal?, ¿alguien lo sabe?. Hola. Parece que esos valores están cogidos un poco a mano, para que la fuentes se representen de la mejor forma posible (creo). También comentan que los porcentajes son mejores que los em: Always use percentages as the units because they render more consistently than ems ¿Alguien tiene constancia de esto? Hee... pero eso, es lo logico de esperar, ¿no?. em se refiere al ancho de la letra M en una fuente. El artista que diseña la M la puede hacer mas o menos larga, cada fuente podria tener un ancho de M distinto. Es como basar las distancias en el tamaño del pie de cada persona, pero cada pie tiene un tamaño distinto, con lo que no vas a tener dos medidas iguales. ___ 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] YUI CSS
2008/4/3 Choan Gálvez [EMAIL PROTECTED]: Hola. [...] Noo. The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement. (This unit is also sometimes called the quad-width in typographic texts.) http://www.w3.org/TR/CSS21/syndata.html#em-width Si la fuente está a 12px, 1em son 12px, diga lo que diga el artista. humm.. Una pregunta. En el siguiente ejemplo, ¿deberian ser las dos filas de M de distinta longitud? a mi me salen distintas :/ (motor gecko, en linux) div style=font-size: 12px div style=font-size: 1em;font-family:Sans MMM /div div style=font-size: 1em;font-family:Courier New MMM /div /div ___ 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] YUI CSS
On 03/04/2008, at 16:31, Tei wrote: 2008/4/3 Choan Gálvez [EMAIL PROTECTED]: Hola. [...] Noo. The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement. (This unit is also sometimes called the quad-width in typographic texts.) http://www.w3.org/TR/CSS21/syndata.html#em-width Si la fuente está a 12px, 1em son 12px, diga lo que diga el artista. humm.. Una pregunta. En el siguiente ejemplo, ¿deberian ser las dos filas de M de distinta longitud? a mi me salen distintas :/ (motor gecko, en linux) div style=font-size: 12px div style=font-size: 1em;font-family:Sans MMM /div div style=font-size: 1em;font-family:Courier New MMM /div /div No necesariamente. Mira esto: div style=font-size: 12px div style=font-size: 1em;font-family:Sans;width:20em;background:red MMM /div div style=font-size: 1em;font-family:Courier New;width: 20em;background:blue MMM /div /div Salud. -- Choan Gálvez [EMAIL PROTECTED] http://choangalvez.nom.es/ ___ 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] YUI CSS
On Thu, Apr 3, 2008 at 4:43 PM, Choan Gálvez [EMAIL PROTECTED] wrote: On 03/04/2008, at 16:31, Tei wrote: 2008/4/3 Choan Gálvez [EMAIL PROTECTED]: Hola. [...] Noo. The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement. (This unit is also sometimes called the quad-width in typographic texts.) http://www.w3.org/TR/CSS21/syndata.html#em-width Si la fuente está a 12px, 1em son 12px, diga lo que diga el artista. humm.. Una pregunta. En el siguiente ejemplo, ¿deberian ser las dos filas de M de distinta longitud? a mi me salen distintas :/ (motor gecko, en linux) div style=font-size: 12px div style=font-size: 1em;font-family:Sans MMM /div div style=font-size: 1em;font-family:Courier New MMM /div /div No necesariamente. Mira esto: div style=font-size: 12px div style=font-size: 1em;font-family:Sans;width:20em;background:red MMM /div div style=font-size: 1em;font-family:Courier New;width: 20em;background:blue MMM /div /div esta interesante, yo incluso he añadido lo siguiente para terminar de ver el efecto. div style=font-size: 1em;font-family:Courier New;width:240px;background:yellow MMM /div parece que em se refiere a cosas distintas segun se usa para cajas o fuentes. ___ 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] YUI CSS
On 03/04/2008, at 17:06, Tei wrote: On Thu, Apr 3, 2008 at 4:43 PM, Choan Gálvez [EMAIL PROTECTED] wrote: On 03/04/2008, at 16:31, Tei wrote: 2008/4/3 Choan Gálvez [EMAIL PROTECTED]: Hola. [...] Noo. The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement. (This unit is also sometimes called the quad-width in typographic texts.) http://www.w3.org/TR/CSS21/syndata.html#em-width Si la fuente está a 12px, 1em son 12px, diga lo que diga el artista. humm.. Una pregunta. En el siguiente ejemplo, ¿deberian ser las dos filas de M de distinta longitud? a mi me salen distintas :/ (motor gecko, en linux) div style=font-size: 12px div style=font-size: 1em;font-family:Sans MMM /div div style=font-size: 1em;font-family:Courier New MMM /div /div No necesariamente. Mira esto: div style=font-size: 12px div style=font-size: 1em;font-family:Sans;width: 20em;background:red MMM /div div style=font-size: 1em;font-family:Courier New;width: 20em;background:blue MMM /div /div esta interesante, yo incluso he añadido lo siguiente para terminar de ver el efecto. div style=font-size: 1em;font-family:Courier New;width:240px;background:yellow MMM /div parece que em se refiere a cosas distintas segun se usa para cajas o fuentes. No. div style=font-size: 12px div style=font-family:Sans;width:20em;background:red MMM /div div style=font-family:Courier New;width:20em;background:blue MMM /div /div Salud. -- Choan Gálvez [EMAIL PROTECTED] http://choangalvez.nom.es/ ___ 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] YUI CSS
El día 26/03/08, ascárida [EMAIL PROTECTED] escribió: Me he descargado la Yahoo! UI Library [1], YUI para los amigos, y en sus CSS hay al menos una cosa que no entiendo: cómo calculan los porcentajes para el font-size [2]. Los generosos corazones de Yahoo! ponen nuestra disposición una hermosa tabla [3] en la que nos dicen si quieres este tamaño en píxeles, declara este porcentaje. Sin duda son gente amable, y te ahorran un montón de cálculos si trabajas con textos de tamaños comprendidos entre los 10 y los 26 píxeles, pero es que yo quiero 30, o 28, o 8; me siguen?. Más o menos en este punto uno se dice bien, si el tamaño base son 13px y eso corresponde a un 100%, con una sencilla regla de tres puedo sacar cualquier equivalencia en porcentaje de un tamaño en píxeles. Pues ya adelanto que no, véase si no que a 26px (el doble de 13px) le corresponde un porcentaje de 197 y no de 200. ¿Podemos liarla más?, sí podemos, si comprobamos los valores computados en una página de ejemplo [4] observamos que algunas cuentas no casan. ¿Y que es lo que está mal?, ¿alguien lo sabe?. Hola. Parece que esos valores están cogidos un poco a mano, para que la fuentes se representen de la mejor forma posible (creo). También comentan que los porcentajes son mejores que los em: Always use percentages as the units because they render more consistently than ems ¿Alguien tiene constancia de esto? Daniel G. Blázquez ___ 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] YUI CSS
Me he descargado la Yahoo! UI Library [1], YUI para los amigos, y en sus CSS hay al menos una cosa que no entiendo: cómo calculan los porcentajes para el font-size [2]. Los generosos corazones de Yahoo! ponen nuestra disposición una hermosa tabla [3] en la que nos dicen si quieres este tamaño en píxeles, declara este porcentaje. Sin duda son gente amable, y te ahorran un montón de cálculos si trabajas con textos de tamaños comprendidos entre los 10 y los 26 píxeles, pero es que yo quiero 30, o 28, o 8; me siguen?. Más o menos en este punto uno se dice bien, si el tamaño base son 13px y eso corresponde a un 100%, con una sencilla regla de tres puedo sacar cualquier equivalencia en porcentaje de un tamaño en píxeles. Pues ya adelanto que no, véase si no que a 26px (el doble de 13px) le corresponde un porcentaje de 197 y no de 200. ¿Podemos liarla más?, sí podemos, si comprobamos los valores computados en una página de ejemplo [4] observamos que algunas cuentas no casan. ¿Y que es lo que está mal?, ¿alguien lo sabe?. Su turno, gracias. [1] http://developer.yahoo.com/yui/ [2] http://developer.yahoo.com/yui/fonts/#using [3] http://developer.yahoo.com/yui/fonts/#chart [4] http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html -- -- Atiendo personalmente en [EMAIL PROTECTED] ___ 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] YUI CSS
Tei: Pues yo tengo otra pregunta. ¿Que se supone que hace esto? http://developer.yahoo.com/yui/examples/fonts/fonts-family_source.html No sé si hace algo, pero lo que se ve son párrafos con diferentes tipografías. Uno con Verdana, otro con Times, otro con Georgia, Trebuchet, Courier... Aqui: http://developer.yahoo.com/yui/examples/fonts/fonts-family.html Lo describen asi: - Fonts CSS: Setting the font family With YUI Fonts CSS in place, you can specify just the font family you want and let YUI Fonts handle the alternative-font degradation path if your desired font is missing from the user's system. - Habría que leerse lo anterior: 'Font-family Adjustment' [1], donde dice: Arial is the default font-family for all text (except pre and code) when you use Fonts CSS. Because the package provides a degradation path through several alternates down to the generic family, only specify a single font-family when you want something other than Arial. Y lo ilustra con un ejemplo: style #demo1 {} #demo2 {font-family:monospace;} #demo3 {font-family:georgia;} #demo4 {font-family:verdana;} #demo5 {font-family:times;} /style Y leido esto, te mandan a donde has ido a parar tú [2] para que abras un documento nuevo [3] en el que se aplica algo parecido al ejemplo que dan en [1]. Pero ese es el funcionamiento del estandar, que yo sepa. Y merece ser explicado, que yo sepa. A mi en el ejemplo que me dan, todas las fuentes se me ven igual, excepto una, a pesar de que creo que tengo instalado las msttfcorefonts asi que alguna deberia mostrarse. Deberías comprobar que las tienes instaladas, creo. [1] http://developer.yahoo.com/yui/fonts/#family [2] http://developer.yahoo.com/yui/examples/fonts/fonts-family.html [3] http://developer.yahoo.com/yui/examples/fonts/fonts-family_source.html - Si lo que desea es insultarme [EMAIL PROTECTED] ___ 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] YUI
Hola a todos, estoy pensando emplear en un proyecto la librería de Yahoo User Interface (sólo la parte de CSS). Busco un sistema superflexible que me permita estructuras muy diversas. Eso parece que la librería lo domina. Pero luego he empezado a investigar y me parece que la forma de añadir columnas implica demasiadas capas ¿Alguién la ha usado? ¿Has tenido problemas con ella? Cualquier experiencia o comentario será de mucha ayuda. Gracias Jose http://www.softwareag.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] YUI
Hola Jose, Yo la he usado para obtener el efecto pulsado en un menu despues de darle vueltas al asunto en javascript. En ese sentido me ha resultado facil implementarla. un saludo El día 24/07/07, Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED] escribió: Hola a todos, estoy pensando emplear en un proyecto la librería de Yahoo User Interface (sólo la parte de CSS). Busco un sistema superflexible que me permita estructuras muy diversas. Eso parece que la librería lo domina. Pero luego he empezado a investigar y me parece que la forma de añadir columnas implica demasiadas capas ¿Alguién la ha usado? ¿Has tenido problemas con ella? Cualquier experiencia o comentario será de mucha ayuda. Gracias Jose http://www.softwareag.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://lists.ovillo.org/mailman/listinfo/ovillo -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ 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] YUI
Hola Jose, recientemene ha vuelto a probar la librería de Yahoo [1] y de nuevo me ha vuelto a decepcionar. Hace meses me acerqué a ella con la intención de hacer un efecto de autocompletado de un campo de formulario pero me fué imposible. Esta semana he intentado usar sus funciones para crear un menú desplegable y he tenido que dejarlo por imposible. ¿Por qué? 1. la documentación, en mi opinión, es poco útil. En mi caso, no pudo solventar las dudas que tuve durante el proceso. 2. la cantidad de ficheros JS a incluir quizás es demasiado elevada. Cierto es que te proporcionan una versión reducida de los mismos pero, en el caso que me ocupaba -la creación de un menú desplegable- eran más de 80KB. 3. Integración con diseños complicados. Si intentas aplicar los efectos a elemetos HTML sencillos, el resultado visual es aceptable. Pero si esto mismo lo haces dentro de un diseño de página no tan sencillo, la tarea de complica demasiado. La razón es que para poder crear los efectos YUI busca determinados elementos HTML con id's fijados a los que aplica los sus propias clases CSS (que debes incluir en tu hoja de estilos) Cierto es que habrá cientos de personas que la han usado sin problemas pero yo no puedo decir lo mismo. En tu caso, miraría a ver si con alguna otra herrramienta (mootools o jquery) puedes solventar tu problema. Suerte!! [1] http://developer.yahoo.com/yui/examples/index.html -- El futuro está oculto detrás de los hombres que lo hacen [ http://www.nosoynadie.net/ ] ___ 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] YUI
Estoy de acuerdo con Jorge. Esta libreria es utl para efectos sencillos pero para mas alla recomendaria jquery o alguna similar. un saludo El día 24/07/07, Jorge Hoya [EMAIL PROTECTED] escribió: Hola Jose, recientemene ha vuelto a probar la librería de Yahoo [1] y de nuevo me ha vuelto a decepcionar. Hace meses me acerqué a ella con la intención de hacer un efecto de autocompletado de un campo de formulario pero me fué imposible. Esta semana he intentado usar sus funciones para crear un menú desplegable y he tenido que dejarlo por imposible. ¿Por qué? 1. la documentación, en mi opinión, es poco útil. En mi caso, no pudo solventar las dudas que tuve durante el proceso. 2. la cantidad de ficheros JS a incluir quizás es demasiado elevada. Cierto es que te proporcionan una versión reducida de los mismos pero, en el caso que me ocupaba -la creación de un menú desplegable- eran más de 80KB. 3. Integración con diseños complicados. Si intentas aplicar los efectos a elemetos HTML sencillos, el resultado visual es aceptable. Pero si esto mismo lo haces dentro de un diseño de página no tan sencillo, la tarea de complica demasiado. La razón es que para poder crear los efectos YUI busca determinados elementos HTML con id's fijados a los que aplica los sus propias clases CSS (que debes incluir en tu hoja de estilos) Cierto es que habrá cientos de personas que la han usado sin problemas pero yo no puedo decir lo mismo. En tu caso, miraría a ver si con alguna otra herrramienta (mootools o jquery) puedes solventar tu problema. Suerte!! [1] http://developer.yahoo.com/yui/examples/index.html -- El futuro está oculto detrás de los hombres que lo hacen [ http://www.nosoynadie.net/ ] ___ 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 -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ 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] YUI
Gracias Jorge y Fernando. Uso regularmente Jquery. No se si será la mejor, pero me he acostumbrado a ella y me encanta su filosofía. De YUI sólo quería emplear las hojas de estilo (grid.css, font.css y reset.css o todas juntas en una: reset-fonts-grids.css) para crear la retícula que forma la interfaz. Permiten mucha flexibilidad a la hora de crear columnas y bloques, pero emplean demasiadas capas para mi gusto. ¿No las ha usado nadie en ningún proyecto? -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Fernando Seves Enviado el: martes 24 de julio de 2007 9:28 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] YUI Estoy de acuerdo con Jorge. Esta libreria es utl para efectos sencillos pero para mas alla recomendaria jquery o alguna similar. un saludo El día 24/07/07, Jorge Hoya [EMAIL PROTECTED] escribió: Hola Jose, recientemene ha vuelto a probar la librería de Yahoo [1] y de nuevo me ha vuelto a decepcionar. Hace meses me acerqué a ella con la intención de hacer un efecto de autocompletado de un campo de formulario pero me fué imposible. Esta semana he intentado usar sus funciones para crear un menú desplegable y he tenido que dejarlo por imposible. ¿Por qué? 1. la documentación, en mi opinión, es poco útil. En mi caso, no pudo solventar las dudas que tuve durante el proceso. 2. la cantidad de ficheros JS a incluir quizás es demasiado elevada. Cierto es que te proporcionan una versión reducida de los mismos pero, en el caso que me ocupaba -la creación de un menú desplegable- eran más de 80KB. 3. Integración con diseños complicados. Si intentas aplicar los efectos a elemetos HTML sencillos, el resultado visual es aceptable. Pero si esto mismo lo haces dentro de un diseño de página no tan sencillo, la tarea de complica demasiado. La razón es que para poder crear los efectos YUI busca determinados elementos HTML con id's fijados a los que aplica los sus propias clases CSS (que debes incluir en tu hoja de estilos) Cierto es que habrá cientos de personas que la han usado sin problemas pero yo no puedo decir lo mismo. En tu caso, miraría a ver si con alguna otra herrramienta (mootools o jquery) puedes solventar tu problema. Suerte!! [1] http://developer.yahoo.com/yui/examples/index.html -- El futuro está oculto detrás de los hombres que lo hacen [ http://www.nosoynadie.net/ ] ___ 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 -- skype arbaa4 www.sevtov.com [EMAIL PROTECTED] ___ 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