68 liens privés
“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.
Nombreuses ressources CSS avec des aperçus animés plutôt pratiques pour voir les possibilités des sites proposés.
Un exemple de listes imbriquées (façon «arborescence de dossiers») déroulables uniquement, en CSS et HTML.
Des explications complètes d'Alsacréations sur le pré-chargement de données dans une page HTML.
Du CSS pour affecter un style à l'élément parent en fonction du nombre d'enfants.
Pour en savoir plus sur les coupures de mots via CSS.
De nombreux exemples.
(via @bramus)
Un générateur de palettes de couleurs.
Une vidéo expliquant les bases du Flexbox et des grilles CSS.
Organiser ses feuilles de style CSS dans un projet.
Des astuces HTML/CSS sympas.
Différentes solutions et exemples pour faire des onglets, carrousels, scrolling parallax, menus, galeries, tooltips et autres sans
javascript. (via @sebsauvage)