46 liens privés
Tout est dans le titre
L'idée est d'utiliser pleinement les ressources du web : pas besoin de JavaScript pour un défilement doux (CSS le permet), le lazy loading est déjà possible via un attribut HTML, etc.
Tout est dans le titre
L'idée est de repérer les propriétés dont le changement déclenche un "reflow" ou un "repaint", et de voir s'il est possible de s'en passer
Tout est dans le titre
L'auteur présente des équivalences entre ce que l'on peut faire en HTML et en CSS pour les images "responsives"
Tout est dans le titre
Tout est dans le titre
Le CSS tout simple qui va bien :
dt {
position: sticky;
top: 0;
background: white;
display: inline-block;
}
Un outil pour générer des effets de soulignement sur des liens (via https://blog.shevarezo.fr/post/2021/10/27/underline-generator-generateur-effets-soulignements-liens )
Tout est dans le titre
Tout est dans le titre... Toutes les techniques présentées ici sont indépendantes du fait que le site soit du Next.js
Celle retenue par l'auteur :
.fancy-button {
--_color: var(--color, black);
border: .1em solid var(--_color);
background: transparent;
color: var(--_color);
}
.fancy-button:hover {
background: var(--_color);
color: white;
}
L'avantage c'est qu'il est possible de définir --color ailleurs... et on est certain qu'il y aura une couleur par défaut.
Tout est dans le titre
Comment créer / utiliser des formes circulaires en CSS : arrière-plan, rogner, faire qu'un texte suive une forme circulaire, etc.
Un ensemble de ressources sir mes CSS modernes
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre.