Generar Sprites con CSS

1 Comment // Written on Jul 26, 2008 // Programación

Cuando un sitio tiene mucho tráfico, y los pequeños cambios que se hagan para ahorrar peticiones y transferencia la mayor parte de la veces pueden ahorrar dinero. Uno de estos cambios es tener una sola imagen y se trabaje con ella con CSS para las distintas partes de la Web.

El por que se ahorra ancho de banda, es por que solamente se hace una petición. Que aunque se descarga la misma cantidad de bytes, solo se hace una consulta y no 100.

Esta técnica hace tiempo que ya la había leído, hoy leo en el blog de Carlos Leopoldo sobre este Generador de Sprites.

Si se preguntan que sitio grande implementa esta técnica no hace falta mucho buscar y mirar el código de Youtube para encontrarse con esta imagen:

http://s.ytimg.com/yt/img/master-vfl47921.gif

youtube css sprite

-

CSS transparencia para todos los navegadores

5 Comments // Written on Nov 26, 2007 // Programación

Este post lo pongo como un recordatorio para mi.

El siguiente código permite la transparencia correcta en todos los navegadores mediante CSS.
.transparente {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

      filter:alpha(opacity=50): Es el código para IE .
      -moz-opacity:0.5: Para firefox(versiones anteriores).
      -khtml-opacity: 0.5: Para Safari(versiones anteriores).
      opacity: El más importante, ya que es el estándar de CSS.

CSS sucks

4 Comments // Written on Nov 10, 2007 // lol

css suckz