Sprites CSS : performance et maintenabilité - commentaires

Sprites CSS : performance et maintenabilité

Je commence timidement à faire un peu de sprite. Le gain est vraiment intéressant. Pour les effets sans Js, ça sera l'étape d'après.

Sprites CSS : performance et maintenabilité

Je me décide à intégrer (enfin) du sprite sur mon site, et je dois dire que cela n'est pas forcément simple.
Je ne vois pas encore l'effet au niveau des performances, mais si cela diminue les requêtes au serveur, alors tant mieux.

Sprites CSS : performance et maintenabilité

Merci j'ai eu de la difficulté a appliquer mes sprites sur une image actif au survol entre l'article et les commentaires j'ai enfin reussi a appliquer tout ca sur mon blog.. ouffff : )

Sprites CSS : performance et maintenabilité

Bonjour,

Merci pour cet article, qui présente un bonne base de réflexion sur les sprites.
Je me pose toutefois une question sur les ouvertures présente en fin d'article. Quand le nombre d'illustration est vraiment important, est-ce toujours la meilleur solution de mettre en un seul fichier ? Il me semblait avoir entendu que c'est parfois plus rapide au final d'utiliser deux ou trois image (regroupées en fonction des codes couleurs principaux de chaque élément).
Avez vous des retours d'expériences à ce sujet ?
Merci
http://www.legraindeweb.fr/

Sprites CSS : performance et maintenabilité

L'interet de la chose etait de voir sur quelle page on se trouve en observant le menu. J'ai finalement solutionner la chose en plaçant un id sur la balise body de chaque page, puis dans les css j'ai indiqué à mes ID de décaler le background position selon l'image de sprite que je voulait afficher....le résultat est impecable !!

Sprites CSS : performance et maintenabilité

Normal, il faut que la classe active soit sur l'élément qui doit être actif, là, elle reste sur accueil.

Sprites CSS : performance et maintenabilité

Eh bien en fait le hover fonctionne très bien, seulement l'état actif reste sur "accueil" et ne change pas en fonction des pages sur lesquelles on est !

Sprites CSS : performance et maintenabilité

Franck : vous êtes sûr ? J'ai l'impression que ça marche. :)

Sprites CSS : performance et maintenabilité

Très bon tuto, seulement, après mettre relu 2 fois mon état actif ne fonctionne pas ! Et je m'arrache les cheveux pour trouver une solution, un peu d'aide serait la bienvenue. voici la page sur laquelle on trouve mon menu http://createchinfographie.fr/site-dedie/residence.php...merci

Sprites CSS : performance et maintenabilité

Excellent petit générateur, très pratique et assez intuitif à utiliser :-) Merci pour le lien

Et merci à l'équipe OpenWeb pour cet article, encore une fois, très intéressant.

Aurélien

Sprites CSS : performance et maintenabilité

Bonjour, cet article présente bien les Sprites CSS qui peuvent vraiment se révéler très puissant à utiliser. Je m'en sers fréquemment pour la réalisation des menus de mes sites clients . Ca donne vraiment un effet très propre.

Guillaume Debreu

Sprites CSS : performance et maintenabilité

Bonjour, je trouve que cet article est une très bonne approche des sprites CSS. Je les utilise à titre professionnel souvent dans mes projets, surtout pour les boutons de barres de navigation et pour les icônes.
Une astuce qui peut peut-être servir à d'autres, le fait d'espacer les illustrations dans un sprite d'un nombre de pixels systématiquement identique peut-être d'une grande utilité pour retrouver facilement la position d'un élément. Par exemple de petites icônes peuvent être placées tous les 30px sur une grille, retrouver la n éme icône est auquel cas très aisé.

Vivien Blasquez

Sprites CSS : performance et maintenabilité

Très bonne introduction aux sprites CSS. Pour la plupart de mes projets j'utilise ce générateur de sprites en Java qui a l'avantage de pouvoir être appelé au moment du déploiement en prod, via un script ant et des commentaires ajoutés dans le fichier CSS original. Du coup on l'installe et on l'oublie :)

Nicolas Chevallier