Articles sur UX & Webdesign

Les container queries ne servent pas qu’au responsive. Avec le mode « name-only », tu peux t’en servir comme un namespace CSS natif pour calmer les collisions et les guerres de noms.

dvh/svh ont amélioré le viewport mobile, mais pas le moment où le clavier virtuel arrive. Résultat : CTA masqué, scroll piégé, modals inutilisables. Voilà comment le fixer proprement.

Quand taper un préfixe te remonte un token « au hasard » parce que son hex matche mieux que son nom, tu perds du temps et tu casses ton design system. On remet le workflow au propre.

popover=hint a un côté « tooltip natif » séduisant. Sauf qu’avec des overlays et des composants imbriqués, ses règles de fermeture deviennent vite imprévisibles.

Tu veux une UI propre sans passer ta semaine à tweaker des nuances. OK, mais si tu génères une palette sans comprendre OKLCH, ton dark mode va te punir.

Les View Transitions globales, c’est joli… jusqu’au moment où ton app a des modals, des drawers et des composants imbriqués. Chrome 147 apporte le scoped par élément et rend le truc enfin utilisable en prod.

Un input qui “disparaît” après blur dans une WKWebView depuis iOS 26.4, ça sent la régression WebKit. Voici une méthode courte pour repro, isoler et mitiger en prod.

Figma ne te sort pas un DTCG « prêt CI » d’un claquement de doigts. Voilà une chaîne reproductible pour extraire, normaliser, versionner et diffuser des tokens sans plugin magique.

Tu veux un focus ring propre sur tout le site, sans te battre avec 15 styles inline et des blocs qui écrasent tout ? WordPress bouge dans le bon sens… mais il faut savoir où ça mord.