Nouveau numéro de la série « Le site de la semaine ». Cette semaine, découvrez SpritePad!

SpritePad est un outil web permettant aux développeurs web de réaliser en deux clics des sprites CSS : c’est une technique consistant à exploiter une image unique regroupant une collection d’élements graphiques tels que les icones, les bordures, les boutons, etc d’un site web. Associée à une feuille de style CSS, cela permet d’utiliser cette seule image pour le template et de jouer sur la propriété CSS background-position pour sélectionner le bon élément graphique.

Les avantages des CSS sprites sont indéniables :

  • on se passe de code javascript pour les rollovers
  • on réduit fortement le nombre de requetes HTTP permettant ainsi d’améliorer le temps de chargement de la page web.

SpritePad est remarquable par sa simplicité d’utilisation : il suffit de glisser-déposer les images dans la fenetre de l’application, le code CSS est généré en temps réel! Positionnez bien les différents élements, en faisant en sorte qu’ils ne se chevauchent pas, puis téléchargez l’archive contenant le sprite et la feuille de style CSS!

Le site est à découvrir sur : http://spritepad.wearekiss.com/

Be Sociable, Share!