L'article présente une technique CSS pour créer des placeholders d'images flous (LQIP) avec un minimum de balisage, nécessitant seulement une propriété CSS personnalisée. Cette méthode utilise un entier pour encoder les informations de couleur et de luminosité, permettant de générer des placeholders sans JavaScript ni éléments supplémentaires. L'approche est minimaliste et efficace, bien que les résultats soient très flous comparés à d'autres solutions. L'article explore également différentes techniques de LQIP et explique comment cette méthode CSS se distingue par sa simplicité et son intégration facile.
Tout est dans le titre
Utilisation des placeholder pendant le chargement du contenu de votre site (via https://stephaniewalter.design/fr/blog/semaine-pixels-5-aout-2016/ )
Le principe du skeleton-screen est d'afficher des placeholders le temps de récupérer les données d'une page - c'est utile surtout pour les SPA
Tout est dans le titre
Tout est dans le titre (via https://blog.stephaniewalter.fr/semaine-pixels-17-novembre-2017/ )
Un truc génial : vous définissez un attribut placeholder, et lorsque l'internaute clique sur le champ à remplir, le contenu de l'attribut se retrouve visible au dessus (via inpixelwetrust)