L'UX à travers les âges — Du terminal au glassmorphism
Une traversée interactive de 50 ans d'interfaces. Chaque époque prend vie sous vos doigts : terminal vert, fenêtres pixelisées, boutons biseautés, web clinquant, slide to unlock, skeuomorphisme, flat design et glassmorphism.
Les transitions de page — Du site web à l'app
Fade, slide, morph, shared elements — chaque navigation est une coupure potentielle. Guide pour transformer les changements de page en continuité visuelle.
Le scroll — Votre page raconte une histoire
Parallax, reveal, sticky headers, scroll snap — chaque pixel défilé est une opportunité de raconter, guider, ou frustrer. Guide du scroll bien mené.
Les formulaires — Chaque champ est une conversation
Validation, erreurs, labels, steppers, boutons — chaque champ est un point de friction potentiel. Guide complet pour transformer l'épreuve en conversation fluide.
Drawers — Le panneau qui sait se faire oublier
Navigation drawer, detail panel, sidebar responsive — le drawer est le pattern le plus schizophrène du UI design. Sur mobile il se cache, sur desktop il s'installe. Même composant, deux vies. Guide complet avec démos interactives.
Pourquoi les designers ont-ils toujours faim ?
Hamburger, kebab, meatball, bento, döner, breadcrumb, toast, cookie, chip, sandwich — l'industrie du design a un problème de nourriture. Exploration (affamée) de tous les patterns culinaires de nos interfaces.
Modals & overlays — Le dialogue silencieux
Modal, bottom sheet, command palette, morph panel — chaque overlay est une interruption. Le défi : la rendre si naturelle qu'elle ne ressemble plus à une interruption. Guide complet avec démos interactives.
Les toast notifications — L'art de dire sans interrompre
Placement, timing, stacking, swipe to dismiss — chaque toast est un micro-moment de communication. Guide complet avec démos interactives.
Les tabs sur mobile : du basique au swipe parfait
On prend un composant tabs tout simple et on le transforme en 3 étapes en une expérience mobile digne d'une app native.
Vos images méritent mieux qu'un carousel
Grille élastique, filmstrip 3D, accordéon, loupe vivante, wallet stack — 5 layouts interactifs qui remplacent le carousel. Démos à toucher.
Anatomie d'une bonne card
Du rectangle mort au composant vivant — 4 étapes pour transformer vos cards avec du hover polish, du tilt 3D, du shimmer holographique. Démos interactives.
L'art du chargement — Quand attendre devient invisible
Spinner, skeleton, blur progressif, UI optimiste — chaque milliseconde d'attente est une opportunité de design. Guide complet avec démos interactives.