Je cite "Constraint Systems is a collection of experimental web-based creative tools. They are an ongoing attempt to explore alternative ways of interacting with pixels and text on a computer screen. I hope to someday build these ideas into something larger, but the plan for now is to keep the scopes small and the releases quick."
Tout est dans le titre (via https://blog.shevarezo.fr/post/2021/09/09/figen-outil-creer-images-article-post-fonds-ecran )
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
L'auteur explique pas-à-pas une technique pour faire du lazy loading des images d'un site web. Il part d'une approche "brute de décoffrage" qu'il affine ensuite, notamment par l'utilisation de l'API IntersectionObserver.
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
TLDR :
img {
max-width: 100%;
}
img[width] {
width: auto; /* Defer to max-width */
}
img[width][height] {
height: auto; /* Preserve aspect ratio */
}
/* Let SVG scale without boundaries */
img[src$=".svg"] {
width: 100%;
height: auto;
max-width: none;
}Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre