Ah tu veux le logiciel qui te crée le SVG, le CSS et la map qui va avec ?
Du coup, tu veux un outil qui sorte ça, par exemple :
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--medium">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z">
</path>
</svg>
</div>Facebook
</div>
Je vais chercher de mon côté et je te dis. ;)
Tu as regardé sur Github ? Et Stackoverflow (https://stackoverflow.com) ?
C'est parce-que tu es passé quand je bricolais que tu as été emmerdé.
A chaque fois, je me rendais compte que j'oubliais une image et ça modifiait tout.
Sinon, quand j'ai eu terminé, j'ai nommé correctement les fichiers et il n'y avait pas besoin de vider le cache. Les fichiers quasi définitifs étaient chargés automatiquement.
Tu as du le remarquer, personne ne m'a dit que les images déconnaient. Parce-que si tu rates l'image des sprites, tu n'as plus une seule image sur la page d'accueil à part la bannière ! ;)
Bon ! Il me reste les sections et les posts à faire. Je vais faire ça tranquille ce week-end. Je devrais trouver 5 minutes. :aa
Maintenant que je suis sur la lancée, ça devrait le faire. C'est comme les microdata, ça me faisait chier, mais dès que je m'y suis collé, j'ai pas arrêté jusqu'à la fin.
Sinon, pour optimiser les images, je passe toujours par optipng et jpegtran. Si je trouve un site comme je t'ai donné, je regarde mais je fais attention.
Optimiser c'est bien, mais il ne faut pas dégrader la qualité de l'image ! Ca, c'est pas négociable. Certains sites te disent qu'ils divisent par 3 le poids des images, mais le résultat est dégueulasse !
Pour les images c'est vrai qu'il faudrait repenser le tout car avec le https on a quelques soucis avec les images
Comment tu fais pour être emmerdé avec les images et le HTTPS ? C'est quoi le souci ? :-\
Si tu veux que les navigateurs bloquent tout ce qui n'est pas HTTPS et affichent toujours un joli cadenas, il suffit de créer un hearder Content-Security-Policy comme ceci dans ton index.php :
header("Content-Security-Policy: default-src https:; script-src https: 'unsafe-inline' 'unsafe-eval'; style-src https: 'unsafe-inline'");
Comme ça, le proxy n'est pas utilisé et c'est tant mieux !