CSS-Tricks

# Astuces CSS, JavaScript et design système.

Visiter le site

Articles de cette source

DéVELOPPEUR

HTMX 3 : hyperscript + SSE natif

HTMX 3 intègre hyperscript + Server Sent Events natifs.

DéVELOPPEUR

TanStack Query v6 : caching offline-first

TanStack Query 6 gère le caching offline et les mutations optimistes nativement.

DéVELOPPEUR

Vite 6 : HMR 100ms et plugins IA

Vite 6 atteint HMR sous 100ms et plugins IA pour code gen.

DESIGNER

Alpine.js 4 : interactivité légère sans build

Alpine.js 4 (8kb) offre reactivity moderne sans bundler pour HTMX/PHP stacks.

DESIGNER

Shadcn UI v2 : composants design system copy-paste

Shadcn UI v2 : 60+ composants Radix + Tailwind copy-pastables.

DESIGNER

React Aria : composants accessibles Adobe

React Aria fournit le comportement accessible, vous gardez le style.

DESIGNER

Embla Carousel : carrousels accessibles et légers

Embla remplace Slick et Swiper par du léger et accessible.

DESIGNER

Dark mode CSS : prefers-color-scheme et variables

Guide complet dark mode avec CSS moderne et design tokens.

DESIGNER

CSS : has() et sélecteurs relationnels modernes

:has() et les sélecteurs de niveau 4 changent la façon de cibler le DOM.

DESIGNER

Flexbox vs Grid : choisir le bon layout

Quand utiliser Flexbox et quand utiliser Grid pour vos maquettes.

OUTILS

Vite 3 : bundler dev server x10 webpack

Vite 3 : HMR instantané + build esbuild ultra-rapide.

DESIGNER

CSS Grid Areas : named zones layout

CSS Grid Areas permet de nommer les zones d'un layout pour un code plus lisible.