Tailwind v4 : verdict après 6 mois
Les nouveaux tokens CSS-first sont géniaux pour le theming. La purge a triplé de vitesse. Par contre l'écosystème plugins est encore en rattrapage.
// 13 sujets · HTML, CSS, JS, frameworks UI
Les nouveaux tokens CSS-first sont géniaux pour le theming. La purge a triplé de vitesse. Par contre l'écosystème plugins est encore en rattrapage.
Plus besoin de media queries pour les composants réutilisables. @container c'est juste évident, je comprends pas pourquoi on a attendu si longtemps.
Vite + TS + Solid + Tailwind. Build 800 ms, bundle 15 kb gzippé pour une PWA complète. Plus de réinvention de roue, plus de magie.
Personne n'en parle mais l'API est dispo dans Chrome/Edge. Animations entre pages avec 0 framework. Démo dans le repo, vous allez halluciner.

Je dois écrire une lib consommable par React, Vue et Angular. Lit pour les webcomponents, Svelte si je m'autorise un build par framework. Vos avis ?

On a basculé un monorepo de 12 apps. 3 min de build → 18 s. Le HMR est tellement rapide que tout le monde s'est mis à coder directement dans le browser. Quelques loaders custom à porter mais le R…
Toujours la même question. Pour moi : Grid pour le layout 2D (page, dashboard), Flexbox pour les composants 1D (nav, list). Je vois encore plein de gens utiliser Flex pour tout — vos heuristiques ?

constraint validation API + required + pattern + setCustomValidity = formulaires sans aucune lib. Démo dans le code.
Les RSC c'est puissant mais le mental model est devenu indéchiffrable pour mon équipe. On a migré vers Astro + îlots de réactivité. Plus simple à expliquer aux nouveaux.
Petit rappel : isolation, stacking context, et planification d'une échelle z-index (10, 100, 1000) résolvent 90% des bugs.
Un client veut tout en webcomponents pour l'isolation. Je trouve le DX horrible. Vous en faites encore en prod sérieusement ?
Défi du dimanche : reproduire des sprites NES en CSS avec box-shadow. C'est moche en code mais c'est addictif. Lien vers le pen en commentaire.
Plus besoin de SCSS pour gérer les variantes. color-mix(in oklch, var(--brand) 80%, white) et c'est plié. La couleur se met à compter dans le DX.