66 liens privés
Un diagramme très complet (et complexe) pour décider quelle unité utiliser en CSS.
Because overflow: hidden creates a scroll container it can interfere with the Scroll-Driven Animations scroller lookup mechanism. The fix is to use overflow: clip instead.
Un article très didactique sur le superpouvoir de :has en CSS
Le format SVG peut paraître parfois un peu intimidant, et l'associer à des transitions ou des animations CSS semble encore plus audacieux pour bon nombre de personnes.
Cependant, dans certains cas, l'alchimie entre SVG et CSS est aussi bénéfique qu'extrêmement simple à mettre en oeuvre. Dans ce tutoriel, nous allons suivre étape par étape comment animer un bouton burger simple avec SVG et CSS.
Un tutoriel sur les grid en CSS (très bien fait !)
Une centaines de rubans en CSS
To feature detect browser support for the CSS :has() selector, you can use @supports(selector(…)). When doing so, it is important to include a valid selector as its argument. As I’ve tweeted before, you must pass a selector such as * into :has() when used in a feature query.
The scroll-padding-top property
The scroll-padding-top property is applied to the parent container and acts just like a CSS top padding, defining offsets from the top of the scrolling area.
scroll-padding-top: <value>;
Copy
You can use any px, em, rem, vh, %, etc. value, as well as auto, where the user agent determines the offset as 0px.
Un article de fond sur Oklch et une gestion moderne des couleurs en CSS.
Des démos de ce qu'on peut faire en css au scroll
I want to share with you a quick way to make illustrations on your website work in both light and dark mode:
COPY
COPY
.dark .invert-on-dark {
filter: invert(1) hue-rotate(180deg);
}
Faire des blocs en diagonale sans que le texte déborde
On peut faire de super trucs avec les CSS et des masques
reset.css
A style reset that embraces modern CSS features to give you a better base to start off with.
Features
Designed for cascade layers while still using :where to keep a low specificity for unlayered setups.
Auto dark mode using color-scheme.
system-ui font pre-applied.
Accessible, consistent focus outlines.
.visually-hidden class baked in.
Méthodologie de création HTML/CSS à partir d'un fil de fer
Un système de calcul de couleur qui procure la même sensation de luminosité quelle que soit la teinte.
Une vue arborescente dépliable et repliable en pur HTML et CSS
Les CSS sont devenues un outil vraiment puissant !
C'est compliqué de faire un bloc (card) entièrement cliquable, accessible et avec son texte sélectionnable...