[Ovillo] curiosidad css
hola a todos he aquí un curioso experimento con CSS http://www.subcide.com/articles/pure-css-twitter-fail-whale saludos ___ 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] curiosidad css
Si, y aquí se puede ver otro ejemplo, que supongo estará hecho con un método parecido: http://www.spritely.net/documentation/ slds!! El 15/06/10 12:42, Martin Etxauri escribió: hola a todos he aquí un curioso experimento con CSS http://www.subcide.com/articles/pure-css-twitter-fail-whale saludos ___ 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] curiosidad css
2010/6/15 Martin Etxauri t...@eragin.com: hola a todos he aquí un curioso experimento con CSS http://www.subcide.com/articles/pure-css-twitter-fail-whale espectacular... alguna gente tiene demasiado tiempo en sus manos :-) lamentable el resultado en ie8, aunque esperemos que sea solo porque esta feature en concreto (bordes con redondeces) no esta implementada. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [curiosidad] Google drop-shadows.
Google ha empezado a permitir images de background en la portada del buscador. Naturalmente cualquier imagen no pega con cualquier texto, asi que ha optado por añadir un dropshadow a los textos, para hacer que estos resalten y sean legibles, incluso si el fondo es blanco y el texto es blanco. He curioseado un poco, y el codigo parece algo como esto: a href=/intl/es/ads/ style=position: relative; spanProgramas de publicidad/span span class=cpTextCloneShadow style=width: 144px;Programas de publicidad/span /a Con este CSS .cpTextCloneShadow { color: #333;left: 1px; position: absolute; top: 1px; z-index: -1; } parece que utilizan el concepto de position absolute significa absoluto solo desde el ultimo elemento con posicionamiento absoluto o relativo en que esta contenido el elemento, mediante la comprension de esto, y el pequeño truco de empujar hacia abajo la sombra con z-index: -1 te hacen un pequeño dropshadown. Esta bien :-) -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [curiosidad] Google drop-shadows.
Hola Tei, no te parece que poner el texto dos veces es poco semántico? Además debe generar problemas de accesibilidad para los lectores de pantalla. Dicen que el contenido duplicado es malo para el SEO :P Me extraña que google no tenga en cuenta estas cosas. Martín. 2010/6/10 Tei oscar.vi...@gmail.com Google ha empezado a permitir images de background en la portada del buscador. Naturalmente cualquier imagen no pega con cualquier texto, asi que ha optado por añadir un dropshadow a los textos, para hacer que estos resalten y sean legibles, incluso si el fondo es blanco y el texto es blanco. He curioseado un poco, y el codigo parece algo como esto: a href=/intl/es/ads/ style=position: relative; spanProgramas de publicidad/span span class=cpTextCloneShadow style=width: 144px;Programas de publicidad/span /a Con este CSS .cpTextCloneShadow { color: #333;left: 1px; position: absolute; top: 1px; z-index: -1; } parece que utilizan el concepto de position absolute significa absoluto solo desde el ultimo elemento con posicionamiento absoluto o relativo en que esta contenido el elemento, mediante la comprension de esto, y el pequeño truco de empujar hacia abajo la sombra con z-index: -1 te hacen un pequeño dropshadown. Esta bien :-) -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] [curiosidad] Google drop-shadows.
De última, podrían hacer un text-shadow, y los que no lo soportan que se caguen :p [image: Ignacio Ricci - Designer + Developer] 2010/6/10 Martín Szyszlican marti...@gmail.com Hola Tei, no te parece que poner el texto dos veces es poco semántico? Además debe generar problemas de accesibilidad para los lectores de pantalla. Dicen que el contenido duplicado es malo para el SEO :P Me extraña que google no tenga en cuenta estas cosas. Martín. 2010/6/10 Tei oscar.vi...@gmail.com Google ha empezado a permitir images de background en la portada del buscador. Naturalmente cualquier imagen no pega con cualquier texto, asi que ha optado por añadir un dropshadow a los textos, para hacer que estos resalten y sean legibles, incluso si el fondo es blanco y el texto es blanco. He curioseado un poco, y el codigo parece algo como esto: a href=/intl/es/ads/ style=position: relative; spanProgramas de publicidad/span span class=cpTextCloneShadow style=width: 144px;Programas de publicidad/span /a Con este CSS .cpTextCloneShadow { color: #333;left: 1px; position: absolute; top: 1px; z-index: -1; } parece que utilizan el concepto de position absolute significa absoluto solo desde el ultimo elemento con posicionamiento absoluto o relativo en que esta contenido el elemento, mediante la comprension de esto, y el pequeño truco de empujar hacia abajo la sombra con z-index: -1 te hacen un pequeño dropshadown. Esta bien :-) -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] [curiosidad] Google drop-shadows.
O lo clonas con JS :) [image: Ignacio Ricci - Designer + Developer] 2010/6/10 Ignacio Ricci ignacio.ri...@gmail.com De última, podrían hacer un text-shadow, y los que no lo soportan que se caguen :p [image: Ignacio Ricci - Designer + Developer] 2010/6/10 Martín Szyszlican marti...@gmail.com Hola Tei, no te parece que poner el texto dos veces es poco semántico? Además debe generar problemas de accesibilidad para los lectores de pantalla. Dicen que el contenido duplicado es malo para el SEO :P Me extraña que google no tenga en cuenta estas cosas. Martín. 2010/6/10 Tei oscar.vi...@gmail.com Google ha empezado a permitir images de background en la portada del buscador. Naturalmente cualquier imagen no pega con cualquier texto, asi que ha optado por añadir un dropshadow a los textos, para hacer que estos resalten y sean legibles, incluso si el fondo es blanco y el texto es blanco. He curioseado un poco, y el codigo parece algo como esto: a href=/intl/es/ads/ style=position: relative; spanProgramas de publicidad/span span class=cpTextCloneShadow style=width: 144px;Programas de publicidad/span /a Con este CSS .cpTextCloneShadow { color: #333;left: 1px; position: absolute; top: 1px; z-index: -1; } parece que utilizan el concepto de position absolute significa absoluto solo desde el ultimo elemento con posicionamiento absoluto o relativo en que esta contenido el elemento, mediante la comprension de esto, y el pequeño truco de empujar hacia abajo la sombra con z-index: -1 te hacen un pequeño dropshadown. Esta bien :-) -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] [curiosidad] Google drop-shadows.
Lo han debido de cambiar ya div style=margin: 19px auto; text-align: center; id=fll a href=/intl/es/ads/Programas de publicidad/a a href=/services/Soluciones Empresariales/a a href=/intl/es/about.htmlTodo acerca de Google/a a href=http://www.google.com/ncr;Google.com in English/a /div #fctr, #fctr a, .sblc a, #cpFooter a, #cpf a, #prm a, #addlang, #addlang a { color:white; text-shadow:0 1px 3px black; } 2010/6/10 Ignacio Ricci ignacio.ri...@gmail.com De última, podrían hacer un text-shadow, y los que no lo soportan que se caguen :p [image: Ignacio Ricci - Designer + Developer] 2010/6/10 Martín Szyszlican marti...@gmail.com Hola Tei, no te parece que poner el texto dos veces es poco semántico? Además debe generar problemas de accesibilidad para los lectores de pantalla. Dicen que el contenido duplicado es malo para el SEO :P Me extraña que google no tenga en cuenta estas cosas. Martín. 2010/6/10 Tei oscar.vi...@gmail.com Google ha empezado a permitir images de background en la portada del buscador. Naturalmente cualquier imagen no pega con cualquier texto, asi que ha optado por añadir un dropshadow a los textos, para hacer que estos resalten y sean legibles, incluso si el fondo es blanco y el texto es blanco. He curioseado un poco, y el codigo parece algo como esto: a href=/intl/es/ads/ style=position: relative; spanProgramas de publicidad/span span class=cpTextCloneShadow style=width: 144px;Programas de publicidad/span /a Con este CSS .cpTextCloneShadow { color: #333;left: 1px; position: absolute; top: 1px; z-index: -1; } parece que utilizan el concepto de position absolute significa absoluto solo desde el ultimo elemento con posicionamiento absoluto o relativo en que esta contenido el elemento, mediante la comprension de esto, y el pequeño truco de empujar hacia abajo la sombra con z-index: -1 te hacen un pequeño dropshadown. Esta bien :-) -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [curiosidad] Google drop-shadows.
2010/6/10 Martín Szyszlican marti...@gmail.com: Hola Tei, no te parece que poner el texto dos veces es poco semántico? Es tartazo en toda la cara de la web semantica. Pero esto igual lo hacen despues de cargar mediante JS, realmente no he tenido tiempo de averiguarlo. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [curiosidad] Google drop-shadows.
Tei escribió: 2010/6/10 Martín Szyszlicanmarti...@gmail.com: Hola Tei, no te parece que poner el texto dos veces es poco semántico? Es tartazo en toda la cara de la web semantica. Pero esto igual lo hacen despues de cargar mediante JS, realmente no he tenido tiempo de averiguarlo. Ya, al menos a mi, ya no me aparece el fondo, la verdad es que con uno que me apareció esta mañana no se leía nada, la verdad me ha parecido bastante cutre, como una mala copia de Bing. -- 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [curiosidad] Sitio que utiliza fuentes descargables.
Hola tei muy interesante muchas gracias. por lo que he podido ver el fonface en eot es para explorer y el ttf para resto ¿no? he visto que opera, safari y FF3 lo ven bien, camino (la versión que tengo viene a ser como FF2) no. ¿tienes idea de como funciona en los IE? imagino que medio bien en todos porque eot es suyo ;) mirando un poco he encontrado esto para conversiones de tipos, igual interesa a alguien: http://ttf2eot.sebastiankippe.com/ el tema de la sustitución de cursor solo me funciona en opera... una pena, porque le da un punto tremendo :) gracias por el link saludos martin El 11/04/2010, a las 13:55, Tei escribió: Este sitio es curioso y me ha parecido oportuno descargarlo, pues a veces hay dudas de como usar fuentes descargables. http://sidtube.com/ En este sitio se utilizan las fuenets descargables para dar un ambiente retro 8 bits. Bastante interesante (aunque no me gusta el resultado, es un tanto feo). Ademas se acompaña con un cambio del cursor del raton para completar la escena. un saludo. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] [curiosidad] Sitio que utiliza fuentes descargables.
Buenas, Respecto al tema de @font-face estuve investigando un poco las distintas maneras de hacerlo, compatibilidades, etc. Al final, lo más útil que encontré es esto: *Font Squirrel - @font-face generator: * http://www.fontsquirrel.com/fontface/generator Seleccionas la fuente que quieres de tu ordenador, indicas los caracteres que quieres incluir (te ahorras peso de las fuentes si le indicas sólo los caracteres que necesitas) y te genera las fuentes en los formatos seleccionados (wof, eot, svg...) junto con el código CSS que necesitas para empezar a usarlas. La manera de generar el código CSS también puedes seleccionarla entre 3 posibilidades. Cada una de ellas tiene sus ventajas y sus inconvenientes, si visitas los enlaces donde se explican con detalle cada uno de esos 3 métodos se aprende bastante sobre cómo funciona el @font-face. Todas las veces que lo he utilizado me ha funcionado casi a la perfección (he tenido que hacer algunos cambios en el CSS por distintas razones). Y además la página tiene incluso kits preparados para usar con fuentes gratuitas cuyas licencias lo permiten. La verdad es que a mi me parece una maravilla, espero que te sea de utilidad. Un saludo, Diego. http://www.fontsquirrel.com/fontface/generator El 12 de abril de 2010 10:48, Martin Etxauri t...@eragin.com escribió: Hola tei muy interesante muchas gracias. por lo que he podido ver el fonface en eot es para explorer y el ttf para resto ¿no? he visto que opera, safari y FF3 lo ven bien, camino (la versión que tengo viene a ser como FF2) no. ¿tienes idea de como funciona en los IE? imagino que medio bien en todos porque eot es suyo ;) mirando un poco he encontrado esto para conversiones de tipos, igual interesa a alguien: http://ttf2eot.sebastiankippe.com/ el tema de la sustitución de cursor solo me funciona en opera... una pena, porque le da un punto tremendo :) gracias por el link saludos martin El 11/04/2010, a las 13:55, Tei escribió: Este sitio es curioso y me ha parecido oportuno descargarlo, pues a veces hay dudas de como usar fuentes descargables. http://sidtube.com/ En este sitio se utilizan las fuenets descargables para dar un ambiente retro 8 bits. Bastante interesante (aunque no me gusta el resultado, es un tanto feo). Ademas se acompaña con un cambio del cursor del raton para completar la escena. un saludo. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] [curiosidad] Sitio que utiliza fuentes descargables.
humm.. con el codigo que utiliza esta pagina, se consigue el efecto en IE6, IE7, Chrome y Firefox de Windows, pero no se me visualiza en Firefox de Linux. Puede que sea un tema de versiones del gecko. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [curiosidad] Sitio que utiliza fuentes descargables.
La verdad es que en Linux no lo he probado nunca, pero creo que siendo Firefox debería funcionar igual. Algo útil para ver si realmente funciona y que suelo hacer yo es quitar las fuentes del sistema mientras lo pruebo, para asegurarme que lo que estoy viendo es el @font-face funcionando correctamente y no las fuentes que tengo instaladas (y que podrían verse igual aunque el font-face no estuviera bien construido). El 12 de abril de 2010 13:45, Tei oscar.vi...@gmail.com escribió: humm.. con el codigo que utiliza esta pagina, se consigue el efecto en IE6, IE7, Chrome y Firefox de Windows, pero no se me visualiza en Firefox de Linux. Puede que sea un tema de versiones del gecko. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] [curiosidad] Sitio que utiliza fuentes descargables.
Hola, hay una alternativa es http://cufon.shoqolate.com/generate/ Saludos El 12 de abril de 2010 07:24, Reactivo Química Visual conta...@reactivo.esescribió: La verdad es que en Linux no lo he probado nunca, pero creo que siendo Firefox debería funcionar igual. Algo útil para ver si realmente funciona y que suelo hacer yo es quitar las fuentes del sistema mientras lo pruebo, para asegurarme que lo que estoy viendo es el @font-face funcionando correctamente y no las fuentes que tengo instaladas (y que podrían verse igual aunque el font-face no estuviera bien construido). El 12 de abril de 2010 13:45, Tei oscar.vi...@gmail.com escribió: humm.. con el codigo que utiliza esta pagina, se consigue el efecto en IE6, IE7, Chrome y Firefox de Windows, pero no se me visualiza en Firefox de Linux. Puede que sea un tema de versiones del gecko. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [curiosidad] Sitio que utiliza fuentes descargables.
Este sitio es curioso y me ha parecido oportuno descargarlo, pues a veces hay dudas de como usar fuentes descargables. http://sidtube.com/ En este sitio se utilizan las fuenets descargables para dar un ambiente retro 8 bits. Bastante interesante (aunque no me gusta el resultado, es un tanto feo). Ademas se acompaña con un cambio del cursor del raton para completar la escena. un saludo. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Curiosidad
Si estimamos la población mundial en unos 6500 millones de personas y según la OMS hay unos 135 millones de personas con problemas de visión, obtenemos que el 2,1% de la población humana tiene problemas de visión. Según estadísticas, sólo el 15,6% de la población mundial tiene acceso a internet, esto viene a ser 1014 millones de personas. Si extrapolamos, el 2,1% de personas que tiene problemas de visión de dicha cifra tiene acceso a Internet, luego obtenemos: 21,3 millones de personas que tienen acceso a internet con problemas de visión. ¿Todo esto para qué? Pues para saber que 21,3 millones de personas con problemas de visión, estarán agradecidas del trabajo que ejercéis muchos de vosotros!! Un saludo. Edu T. ___ 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