Une collection de 4000+ éléments HTML + CSS (boutons, checkboxes, etc.) à copier/coller dans vos projets.
Via https://korben.info/uiverse-plus-3500-elements-interface-utilisateur-copier-coller-projets-web.html
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 énorme regroupement de tutoriels relatifs au développement web.
Un article en français qui présente le sélecteur CSS :has avec quelques cas d'utilisation.
Je sens que ça va me prendre un peu de temps de l'appréhender, mais il ouvre de belles possibilités :)
Une astuce pour mettre en surbrillance la ligne et la colonne auxquelles appartient la cellule d'un tableau HTML, uniquement avec CSS.
Une liste de thèmes CSS "classless" ce qui signifie qu'ils se contentent de styliser les composants HTML par défaut, sans utiliser de classes supplémentaires.
Ces styles sont un bon moyen de proposer un style moderne tout en conservant un code HTML aussi simple que possible.
Le sélecteur CSS :has est à présent géré par tous les navigateurs majeurs. Voici quelques exemples d'utilisation.
Un tuto simple qui aborde l'animation d'un SVG simple avec des transitions CSS.
Un calendrier de l'avent du développement front-end, principalement ciblé sur CSS et JS. Parfait pour découvrir les nouveautés en la matière petit à petit, un article par jour 😊
L'une des approches les plus didactiques que j'ai pu lire pour comprendre Grid layout en CSS. J'ai d'ailleurs déjà partagé son article sur Flexbox qui était tout aussi bon.
Un CSS reset ré-ajusté compte-tenu des nombreuses nouveautés du CSS.
Un article en français sur les Container Queries CSS.
Un outil pour faire facilement des gradients CSS.
Un playground pour CSS FlexBox.
Collection of Tailwind CSS components for everyone to use. Browse all of the components that's right for your project.
Les résultats sont dispo :)
Il n'est jamais trop tard pour apprendre en détail ce que sont les media queries en CSS. Elles ont d'ailleurs pas mal évoluées au fil des années.
Je découvre que uBlock Origin peut injecter du CSS dans les pages. La règle est plutôt simple:
# subject:style(arg)
# Où subject est un sélecteur CSS, et arg la ou les propriétés CSS.
# Exemple :
example.com##h1:style(background-color: blue !important)
motobanda.pl###mvideo:style(z-index: 1!important)Une GIGANTESQUE collection d'outils CSS. Très pratique pour les choses un peu créatives qui sortent de l'ordinaire.