El super Sprite de YouTube

Los sprites son una solución para agrupar imágenes en una sola imagen, en desarrollo de sitios para Internet se usa como técnica de optimización. Cada vez que se muestra una imagen del sitio se realiza un request ó petición al servidor. Si por ejemplo en un sitio existen 20 imágenes de interfaz es decir que no están relacionadas con imágenes de contenido sino que corresponde a botones funcionales, fondos ó iconos etc. , esta página realizará 20 peticiones al servidor para poder mostrar cada una de las imágenes. Si agrupáramos las 20 imágenes en una sola imagen tendríamos solo una petición al servidor y un sitio con mejor desempeño en tiempos de carga.

El sprite de YouTube es un buen ejemplo de como debe realizarse un sprite, es probable que todas las imágenes de interfaz que se usan en YouTube estén dentro de esta imagen. Revisando la imagen se puede ver como está organizada y mantiene una disposición para los elementos. Principalmente botones que no tendrán textos visibles y fondos que se repetirán solo en el eje X. Se puede ver como se dejaron espacios vacíos entre las gradaciones, esto como precaución para elementos que usaran texto y este pueda crecer a tres o cuatro líneas. Pues si no se deja espacio y el texto crece se comenzaría a ver el siguiente fondo.

HTML5 el futuro de la Web, guía para principiantes por Armando Sosa

HTML5 para principiantes from Armando Sosa on Vimeo.

Excelente video realizado por Armando Sosa sobre HTML5 con una introducción bastante interesante sobre el comienzo de HTML y algunas especificaciones. Luego Armando profundiza un poco más y muestra lo nuevo, lo que ha cambiado, lo que desaparece y un vistazo a las tecnologías que vendrán, muy recomendado.

Vía | Tutorial de HTML 5 de Armando Sosa

IBM: Animación Engines of a Smarter Planet – Motores para un planeta más inteligente [Inglés]

Animación realizada por James Bartley para IBM, utilizando principalmente colores y formas planas, logra realizar transiciones muy inteligentes y pertinentes que sirven de anclaje a la narración. La idea general es Engines of a Smarter Planet (Motores para un planeta más inteligente), donde IBM resalta la importancia de las empresas medianas (midsize business) que emplean el 90% de la fuerza de trabajo en el mundo.

Seguir leyendo IBM: Animación Engines of a Smarter Planet – Motores para un planeta más inteligente [Inglés]