Sprites CSS

nav_logo7Une technique qui peut paraitre compliquée mais qui reste relativement simple à appliquée lorsque bien comprise.  Les ‘sprites‘ sont des images individuelles regroupées en une seule. Un positionnement par l’entremise de la feuille de style CSS nous permet d’afficher l’une ou l’autre de ces images à l’endroit voulu sans avoir à créer un lien pour chacune. CSS Triks (Web Design Community) fait une démonstration de la technique: CSS Sprites: What They Are, Why They’re Cool, and How To Use Them avec modèles à l’appui.  Plus d’exemples sur le même site: Show Off Your Sprites.  Aussi, SpriteMe, un service Web pour aider à regrouper des images sur une page et créer une seule image sprite. On utilise une technique semblable pour habiller les applications logicielles ou choisir l’icône approprié sur un bouton.

Exprimez vous!

*