Sprite, todas tus imágenes en una

¿Que es un Sprite?

No, no es la bebida secundaria de esa empresa de la botella curvilinea de color negro con rojo 😉

Es una técnica que se usa en el diseño web para agrupar todas las imágenes, íconos sobre todo, necesarias para el montaje del diseño.

Agrupar imágenes e íconos en un solo archivo facilita al navegador la carga de la web, ya que solo tiene que traer una imagen y con esa imagen se compone todo. El secreto está en la localización de esta imagen y el uso del atributo de css background-position para mostrar un ícono u otro. Pero mejor un par de ejemplos:

Facebook Sprites Images:

facebook-sprite2-image-2014-12 facebook-sprite-image-2014-12

 

 

 

 

 

 

 

 
Por lo general la composición de estas imágenes se hace usando algún programa de edición gráfica como puede ser Photoshop, pero esto implica que si tienes tu diseño listo debas extraer los íconos y elementos que quieras usar en tu sprite para colocarlos dentro de un solo archivo de imagen. Pero para que hacer algo a mano si ahora contamos con servicios web que nos pueden ayudar en esa tarea:

 

Spritepad de wearkiss.com

 

Sprite Cow - Generate CSS for sprite sheets
Sprite Cow

 

Dos mil quince o Twenty Fifteen

Siguiente la linea de nombres para los themes que permite añadir un nuevo theme por defecto con cada año llega Twenty Fifteen.Este tema es full responsive, y por fín ofrece un soporte interesante para la internacionalización de WordPress, como es incorporar la tipografía Google Noto Serif y Sans la cual es atractiva en la mayoría de idiomas.Como el tema estará disponible con la salida del nuevo WordPress 4.1 que llegará este 15 de Diciembre solo podemos ver unas capturas sobre su funcionamient o bien testearlo instalando el plugin de WordPress Beta Tester.

El pase de diapositivas requiere JavaScript.

Novedades WordPress 4.1

Este Lunes 15 de Diciembre llega la nueva versión de WordPress con mejoras importantes para bloggers y escritores ya que cada vez el equipo de WordPress va mejorando la experiencia en la escritura.

Aquí os dejo una lista de las mejoras que están por llegar.

  • Mejoras en el editor de entradas para que, por ejemplo, en el modo pantalla completa se pueda acceder a alguna caja meta, además de cambios de distribución de botones y estéticos.
WordPress 4.1 new distraction free
En la versión anterior había que cerrar el visor sin distracciones si queríamos editar el slug o editar algún metabox extra, esta nueva versión facilita la concentración y gestión del contenido.
  • Mejoras en los menús desplegables de usuario y entradas, posiblemente mediante el uso de Select2, un script jQuery totalmente compatible con todos los navegadores y muy solvente.
  • Permitir la desconexión en las sesiones existentes desde la pantalla de perfil de usuario, para lo que ya está en marcha un plugin.
webdesignerdepot.com
  • Nueva interfaz para la instalación de temas y plugins.
  • Ahora el fondo e imagen de cabecera porfín se mueven al customizer

Firefox

  • Mejoras en la gestión de archivos multimedia desde dispositivos móviles, sobre todo solucionar problemas actuales con el scroll en la pantalla de la Librería multimedia.
  • Cambio del idioma después de la instalación.

Firefox

Para desarrolladores hay unas mejoras muy interesantes en las queries WP_Meta_Query, WP_Tax_Query, and WP_Date_Query.

Así como mejor control sobre el title de un site.

 

Importante no olvidar hacer una copia de seguridad o backup de tu instalación WP antes de actualizar.

Esperamos vuestros comentarios con la nuevas opciones.