Stitches un outil de génération de « sprite » en HTML5

stitches

Pour réduire le nombre de requêtes serveur, il est bon de réduire le nombre de fichiers sur les pages de nos sites.

Les images, et particulièrement les pictogrammes, sont de bons exemples d’une des optimisations qu’il est possible de réaliser facilement pour gagner en vélocité.

L’utilisation des « sprites » est une solution, mais elle peut devenir fastidieuse lorsqu’il s’agit de les créer.

Or il existe un outil particulièrement bien fait et léger qui fera le travail pour vous… J’ai nommé :

STITCHES!

http://draeton.github.io/stitches/

Cet outil créer des planches de sprites avec un simple drag’n’drop.

De plus Stitches fournit un fichier css des coordonnées de chaque picto en lui donnant une classe. Très utile pour les sites mobile webresponsive qui permettent d’utiliser du CSS3 et donc les pseudo-éléments :after et :before. 😉

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *