Cet article d'Alsacreations explore l'évolution du design web responsive au-delà des breakpoints traditionnels, en introduisant le concept d'Intrinsic Web Design. Il met en lumière les nouvelles fonctionnalités CSS modernes comme les mots-clés intrinsèques (auto, min-content, max-content, fit-content, stretch) et les fonctions mathématiques (clamp(), min(), max()) pour créer des composants web fluides et adaptables. L'article aborde également l'utilisation avancée de Flexbox et Grid Layout pour gérer l'espace de manière dynamique, sans recourir à des media queries. Un outil maison, Elastic, est mentionné pour faciliter la génération de formules CSS fluides.
Après les media queries, les container queries, et la typographie fluide... une démonstration impressionnante de ce que l'on peut faire avec clamp et les nouvelles unités (cqi - inline container query unit)
Tout est dans le titre
L'utilisation de clamp pour de la typographie fluide dans un contexte de design responsive n'est pas sans causer quelques problèmes d'accessibilité : le zoom peut être perturbé. L'auteur explore quelques pistes pour remédier à cela