Sprites CSS : performance et maintenabilité - commentaires Sprites CSS : performance et maintenabilité 2014-01-25T01:17:46Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment2180 2014-01-25T01:17:46Z <p>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.</p> Sprites CSS : performance et maintenabilité 2013-02-23T11:48:40Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment1473 2013-02-23T11:48:40Z <p>Je me décide à intégrer (enfin) du sprite sur mon site, et je dois dire que cela n'est pas forcément simple.<br class="autobr" /> Je ne vois pas encore l'effet au niveau des performances, mais si cela diminue les requêtes au serveur, alors tant mieux.</p> Sprites CSS : performance et maintenabilité 2012-12-05T23:23:26Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment1296 2012-12-05T23:23:26Z <p>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 : )</p> Sprites CSS : performance et maintenabilité 2012-10-29T11:19:51Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment1076 2012-10-29T11:19:51Z <p>Bonjour,</p> <p>Merci pour cet article, qui présente un bonne base de réflexion sur les sprites.<br class="autobr" /> 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).<br class="autobr" /> Avez vous des retours d'expériences à ce sujet ?<br class="autobr" /> Merci<br class="autobr" /> <a href="http://www.legraindeweb.fr/" class="spip_url spip_out auto" rel="nofollow external">http://www.legraindeweb.fr/</a></p> Sprites CSS : performance et maintenabilité 2012-09-05T14:35:24Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment963 2012-09-05T14:35:24Z <p>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 !!</p> Sprites CSS : performance et maintenabilité 2012-09-05T06:43:09Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment962 2012-09-05T06:43:09Z <p>Normal, il faut que la classe active soit sur l'élément qui doit être actif, là, elle reste sur accueil.</p> Sprites CSS : performance et maintenabilité 2012-09-04T16:00:13Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment957 2012-09-04T16:00:13Z <p>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 !</p> Sprites CSS : performance et maintenabilité 2012-09-04T15:23:05Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment956 2012-09-04T15:23:05Z <p>Franck : vous êtes sûr ? J'ai l'impression que ça marche. :)</p> Sprites CSS : performance et maintenabilité 2012-09-04T12:59:28Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment954 2012-09-04T12:59:28Z <p>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 <a href="http://createchinfographie.fr/site-dedie/residence.php...merci" class="spip_url spip_out auto" rel="nofollow external">http://createchinfographie.fr/site-dedie/residence.php...merci</a></p> Sprites CSS : performance et maintenabilité 2012-03-05T15:08:14Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment635 2012-03-05T15:08:14Z <p>Excellent petit générateur, très pratique et assez intuitif à utiliser :-) Merci pour le lien</p> <p>Et merci à l'équipe OpenWeb pour cet article, encore une fois, très intéressant.</p> <p><a href="http://blog.aureg.be" rel='nofollow'>Aurélien</a></p> Sprites CSS : performance et maintenabilité 2012-01-11T12:29:12Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment597 2012-01-11T12:29:12Z <p>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.</p> <p><a href="http://www.iweb-creations.fr" rel='nofollow'>Guillaume Debreu</a></p> Sprites CSS : performance et maintenabilité 2012-01-03T15:56:53Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment584 2012-01-03T15:56:53Z <p>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.<br class="autobr" /> 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é.</p> <p><a href="http://www.vivien-blasquez.fr" title="Vivien Blasquez, développeur web à Lyon" rel='nofollow'>Vivien Blasquez</a></p> Sprites CSS : performance et maintenabilité 2011-12-06T16:23:04Z https://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment562 2011-12-06T16:23:04Z <p>Très bonne introduction aux sprites CSS. Pour la plupart de mes projets j'utilise ce <a href="http://csssprites.org/" class="spip_out" rel='nofollow external'>générateur de sprites en Java</a> 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 :)</p> <p><a href="http://www.nicolas-chevallier.fr/" class="spip_out" rel='nofollow external'>Nicolas Chevallier</a></p>