Maintenant que les vieux Internet Explorer (<10) ont quasiment disparu de la surface du globe, on peut utiliser les placeholders sans la moindre ligne de JS. Et pour styler ça, rien de tel qu’une mixin SCSS.
Une mixin pour de bien jolis placeholders
Sass
Mixin: background size homothétique
Pour modifier la taille d’une background image en CSS, il y a plusieurs solutions, comme par exemple les valeurs contain ou cover de la propriété background-size. Mais celles-ci dépendent du wrapper. En pourcentage, même problème: on est dépendant du wrapper (et on risque de déformer l’image). En pixels il faut connaître la taille de l’image. Sass, vite.