Vía Webresourcesdepot me encuentro con este slideshow de imágenes para Mootools. El plugin muestra las imágenes con un efecto de fadeIn y fadeOut y permite un control muy sencillo con botones de start y stop que aparecen al hacer hover sobre las imágenes. Se podría decir que es un slideshow minimalista.

La implementación es muy sencilla:

<script src="mootools.js" type="text/javascript"></script>
<script src="blackbox.js" type="text/javascript"></script>

<ul id="myBlackcubeSlideShow">
    <li><img src="photo1.jpg" alt="Foto 1" /></li>
    <li><img src="photo2.jpg" alt="Foto 2" /></li>
    <li><img src="photo3.jpg" alt="Foto 3" /></li>
</ul>>

Después, se crea el objeto de tipo blackbox con una simple sentencia y listo.

var mySlideshow = new Blackbox('myBlackcubeSlideShow', { wait: 3000, height: 350 });

Un slideshow más para la colección, en este caso para Mootools, donde no abundan tanto como en jQuery, que está plagado de plugins para crear slideshows.

Puedes encontrar más información y descargartelo en la página del plugin.

Hoy he descubierto Sprite me, una herramienta muy práctica que facilita enormemente la tarea de optimización de páginas web mediante la técnica CSS sprite. La herramienta detecta todas las imágenes de fondo asignadas con CSS mediante la propiedad background-image, y las muestra en una caja. Utiliza firebug lite para inspeccionar las imágenes y proporcionar más información al desarrollador.

Una vez seleccionadas las imágenes que queremos agrupar en una, solo tenemos que pulsar sobre “Make Sprite”, lo que generará una nueva imagen que compone a todas las imagenes anteriores. Después pulsando sobre “export CSS” podremos obtener el código CSS necesario para implementar en el sitio que estamos optimizando.

Spriteme puede ejecutarse en cualquier sitio web como un bookmarklet, añadiendo la URL de la aplicación a favoritos y pinchando sobre el marcador en el sitio que quieres optimizar.

Te recomiendo que sigas el pequeño tutorial que hay en el sitio web de SpriteMe para aprender el funcionamiento de la aplicación.

Haz click aquí para ejecutar Sprite Me, y guarda el enlace en favoritos si quieres ejecutarlo en cualquier sitio web.

Uno de los problemas del hosting en el que se aloja ahora este blog es su velocidad de carga. Estos días he estado mirando como mejorarla un poco y uno de los métodos que he mirado de implementar es el lazy loading de imágenes.

El lazy loading de imágenes consiste en cargar en un inicio solamente las imágenes que se ven en pantalla, de modo que las que se queden por debajo de la pantalla solamente se cargarán cuando se efectúe un scroll vertical.
Esto es muy útil sobre todo para sitios con artículos muy largos y que usen varias imágenes.

Existe un plugin jQuery para realizar lazy loading que ha sido adaptado para Wordpress, con lo que la implementación es coser y cantar. La adaptación corre de la mano de Andrew Ng.

Una vez instalado solamente tienes que recargar la página de tu blog para ver como van apareciendo las imágenes, con un efecto muy vistoso de “fade in”, conforme se va haciendo scroll en la página.

A continuación se puede ver algunas capturas hechas sobre Firebug donde se aprecia la reducción de peticiones al servidor en este blog, y eso que esta página no tiene demasiadas imágenes…

Antes de instalar lazy load para Wordpress

Después de instalar lazy load para Wordpress

Como se puede observar el ahorro en el número de peticiones es considerable en este caso.

En Hongkiat han publicado una recopilación de 50 plantillas para Joomla con aspecto profesional… o al menos eso dice el título.
Están divididas en 2 grupos: “Free templates” y “Professional templates“. La verdad es que del grupo de plantillas gratis pocas se salvan, pero las de pago son de gran calidad.

Vía Carrero me he encontrado con esta recopilación de Smashingmagazine, donde se pueden encontrar 40 plantillas premium para Wordpress todas de bastante buena calidad. Viniendo de Smashingmagazine no se puede esperar menos…