viernes, 28 de mayo de 2010

Gifs animados de precarga // Loading animated gifs

Los famosos gifs de precarga o "loading", sumamente utilizados con ajax, son muy muy utiles a la hora de desarrollar. Inclusive son utiles para usarlos en algun div que tome contenido de javascript sincronico, ya que puede pasar por ejemplo que IE detenga la ejecucion del script a la espera de que el usuario confirme que desea ver el contenido js, asi, mientras tanto, vera un gif animado.
Hoy buscando estos gifs, descubri un excelente site, en el que a partir de varios ejemplos se pueden customizar los gifs, tanto el color de fondo, como el color de la imagen, (inclusive se pueden hacer el fondo transparente).
Les dejo el link:

http://loadinfo.net/

Todo el credito para los muchachos de loadinfo. :)

Saludos ;)

Guille

miércoles, 12 de mayo de 2010

CSS Spriting

El CSS Spriting, CSS Sprites, o sprites en CSS, es una tecnica que permite la simplificación en la carga de imagenes, para la web, haciendo todo mucho mas lightweight, al por ejemplo permitir cargar una imagen, que puede contener todos los estados de los botones de un menu dado.
El tema principal que puede llegar a afectar al CSS Spriting es que en determinadas circunstancias si no se tiene en cuenta una sutil diferencia, no sera compatible con la basura de IE6.
Esta sutil diferencia radica en que IE6, no soporta la pseudoclase de CSS :hover, en ningun elemento que no sea un anchor, (hipervinculo), es por ello que todo intento de aplicar las clases en un li, fracasaran en el intento de ser compatibles con todos los browsers.

Les dejo aqui el link de un excelente articulo, que segun mi experiencia contiene la practica correcta de hacer Spriting con CSS.

http://www.zoneartcss.com/webdesign/css/css-sprites-cargar-mas-rapido-tu-pagina-con-css/

Saludos,

Guille