Sprites CSS : performance et maintenabilité - commentairesSprites CSS : performance et maintenabilité2014-01-25T01:17:46Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment21802014-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:40Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment14732013-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:26Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment12962012-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:51Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment10762012-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:24Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment9632012-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:09Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment9622012-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:13Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment9572012-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:05Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment9562012-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:28Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment9542012-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:14Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment6352012-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:12Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment5972012-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:53Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment5842012-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:04Zhttps://openweb.eu.org/articles/performances_web_les_sprites_CSS#comment5622011-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>