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.
Une timeline en CSS.
Le guide ultime pour comprendre CSS Flexbox selon moi (et j'en ai lu un paquet). C'est en anglais et relativement long, mais tout y est, mêmes les nouveautés comme la propriété gap ou les subtilités comme margin: auto.
J'ai découvert 2 ou 3 trucs que je ne connaissais pas alors que je suis un très gros utilisateur de Flexbox.
J'ai beaucoup de mal avec les framework CSS dit utility-first type Tailwind et consorts. Le HTML est souvent surchargé de classes cryptiques et devient donc difficile à lire. Sans parler du risque de ne pas "nettoyer" correctement le CSS final et donc d'embarquer des méga octets de CSS inutile.
Mais je dois admettre que l'approche proposée par UnoCSS est séduisante. Le nettoyage est fait à la volée et il fonctionne par "presets". On peut donc importer les règles que l'on veut, et créer nos propres règles facilement.
À essayer...
Une lib de composants compatibles avec React, Vue, Svelte, Angular et même du pur JS. J'imagine même pas le boulot de maintenance que ça représente 🙃
Quels sont les breakpoints les plus populaires.
Un outil pour générer des animations CSS3 via une interface graphique. Il existe aussi une lib JS qui permet de faire la même chose dynamiquement en JS.
A game for learning CSS grid layout
100 animations hover en CSS. Histoire de change du classique changement de couleur ou soulignement.
Les frameworks CSS orientés utility classes (type Tailwind) ont le vent en poupe. J'avoue avoir du mal avec ce concept pour le moment.
Ce qui est souvent reproché à ce type de frameworks c'est le fait que ça reviendrait à écrire du CSS inline. Cet article explique que c'est faux. Et les arguments avancés tiennent la route.
Reste qu'on se retrouve quand même avec quelques contraintes :
A voir comment ça évolue.