72 liens privés
Utilisation ingenieuse de anchor positioning CSS (positionnement par ancre) pour créer un indicateur de focus qui "flotte" d'un élément à l'autre quand vous appuyez sur TAB
. (merci @kalvn !)
Encore un outil en ligne pour s'aider à trouver une palette de couleurs harmonieuse.
Un petit rappel des règles CSS qui vont bien pour donner un peu de style aux tableaux HTML.
L'utilisation de @layer en CSS pour forcer l'ordre d'application de certaines règles, quelle que soit l'ordre de leur chargement dans le fichier source.
Sous le coude.
Un outil interactif pour expérimenter avec l'utilisation des propriétés Flexbox en CSS.
Snippet CSS qui peut s'averer utile : passer une ligne dans le sélecteur :before → \A.
À tester.
À creuser pour gérer des animations en CSS.
Les codes 'content' CSS pour les icones Font Awesome.
Utilisables comme suit :
#notify-form button[type="reset"]::before {
font-family: "FontAwesome";
content: "\f057";
display: inline-block;
padding-right: 4px;
margin-top: 15px;
}
À tester ?
Une bibliothèque CSS à tester ?
“This is a playground for learning and testing CSS selectors in a visual way.”
Un site pour apprendre (en testant) les sélecteurs CSS.
Les codes HTML pour les couleurs de gris.
Un outil en ligne pour trouver une couleur HTML plus claire ou plus sombre à partir d'une autre. Utile pour moi. D'autres outils doivent exister, plus complets, mais celui là est simple et pratique, je trouve.
Je découvre que (notez le 'i' en fin de sélecteur) :
a[href="https://monsupersite.com" i] {
color: red;
}
rend le sélecteur CSS insensible à la casse.
Une bibliothèque CSS assez minimale, bien que complète, légère et facile à mettre en œuvre.
Sous le coude.
Des éléments à gogo à disposition pour agrémenter son site web.
Sous le coude.
Je copie/colle la description de @kalvn :
Comme toujours, un article passionnant de Josh Comeau qui explore les différentes façon de centrer un élément HTML en CSS. Didactique et plein de petites astuces très utiles. Vous allez presque obligatoirement apprendre quelque chose 😉
max-width: fit-content; 😍
Un effet de fondu de texte en quelques lignes de CSS.
Quelques exemples d'utilisation du sélecteur CSS :has().
Sympa ! Une feuille css permettant de donner un style doodle à la main aux éléments de formulaire HTML en ajoutant une classe au body.