elWebmaster.com

CSS | recursos | diseño web

Website Performance, sprites automáticos con las imágenes de tu web

Si disfrutaste del articulo que publicamos hace un tiempo sobre cómo generar un sprite para todo un menú interactivo sin duda te fascinará el siguiente servicio que tengo hoy para comentarte.

Website Performance se trata de un increíble sitio web que nos da la posibilidad de subir un archivo zippeado con las imágenes de nuestro sitio que se encuentran repetidas en cada página y se encarga de generar un sprite junto con su CSS que podremos descargar fácilmente. Seguir leyendo

03/Ene./09, 09.00 Micaela Comentar

Diseño | CSS | recursos

Una única imagen (sprite) para todo un menú interactivo en CSS

Si uno desea crear un menú con varios botones que cambien su imagen al pasar el mouse por encima, normalmente crea varias imágenes, dos por cada estado de cada botón. Esto ralentiza el sitio y genera muchas peticiones al servidor (HTTP Requests).

Sabías que Google, por ejemplo, extrae todas las imágenes de su sitio de un único archivo? Esto es posible gracias a los sprites, una especie de grilla de imágenes que nació con los videojuegos. Conoce cómo aplicar sprites en tu sitio para ganar velocidad de descarga, espacio y peticiones en el servidor y mucho más.
Seguir leyendo

18/Ago./08, 09.00 Micaela 5 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar Sesión