Divertido, buenísimo, ocurrente y muy basado en nuestra realidad, es que yo también quiero ser un Blog Star!

Este vídeo fue realizado por bloggers peruanos, conmemorando un aniversario mas del Blogday!

Un fantástico microprograma a través de internet sobre diseño y tecnología, un magazine hecho para los que amamos el diseño. Pero también conoceremos más a nuestras herramientas de uso diario y también encontraremos tips con nuevas alternativas para el desarrollo de alguna tarea. Muy recomendado seguirlo.

Enlace: Qué hay D-news

En esta ocasión paso a mostrarles una manera muy sencilla de crear un efecto loading o carga de imágenes mediante CSS, el cual nos puede ser muy útil para la presentación de ciertas imágenes dentro de nuestra web.

1. Debemos conseguir una imagen en formato GIF para usarla como animación para la carga. Recomiendo generar una que se ajuste a nuestro estilo mediante: Ajaxload
2. Crearemos una nueva clase de estilo en nuestra hoja de estilos, en mi caso la llamare loadimg, y agregamos un código similar a este:

      1:  .loadimg {

      2:      background-image: url(imagenanimadadefondo.gif);

      3:      background-repeat: no-repeat;

      4:      background-position: center center;

      5:  }

3. Simple, cierto? Ahora para implementar este estilo en nuestras imágenes simplemente hacemos esto dentro de nuestro código html:

      1:  <img src="tuimagen.jpg" border="0" class="loadimg" />

Cuando diseñamos nuestro un sitio web, ya sea para nosotros o para algún cliente, nos emocionamos porque “aparentemente” se ve bonito y perfecto en Internet Explorer (el menos confiable de los navegadores) y nos vamos a tomar un merecido descanso porque “todo está bien”…