Concevoir pour l'inattendu

La conception pour les appareils futurs imprévisibles pose des défis dans la conception web. La conception réactive est apparue en 2010 comme une solution, utilisant des mises en page basées sur des pourcentages et des requêtes de média pour adapter le contenu à différentes tailles d'écran. Cependant, les requêtes de média limitent la réutilisation des composants car ils lient les composants à des tailles de viewport spécifiques. Les requêtes de conteneur, actuellement non pris en charge par les navigateurs, visent à résoudre ce problème en permettant aux éléments de changer en fonction de la taille de leur conteneur parent, ce qui pourrait permettre de créer des composants vraiment réutilisables. Les avancées CSS telles que Flexbox et CSS Grid ont révolutionné les mises en page, éliminant la nécessité de rangées de conteneurs et permettant aux éléments de se plier ou de s'adapter comme nécessaire. CSS Subgrid va plus loin en permettant aux éléments de répondre aux changements à la fois dans leur propre contenu et dans celui des éléments frères, créant des conceptions plus résilientes. Les mises en page intrinsèques, utilisant des unités fr et un mélange d'unités fixes et flexibles, privilégient la taille du contenu sur la mise en page et permettent des conceptions qui peuvent s'adapter à tout espace et à toutes les variations de contenu. Cette approche offre des avantages significatifs pour créer des composants réactifs sans avoir à recourir aux requêtes de conteneur. Malgré son potentiel, la conception intrinsèque n'a pas encore eu le même impact large que la conception web réactive. Des facteurs tels que le travail dans des organisations établies et une courbe d'apprentissage moins abrupte pourraient contribuer à cette adoption plus lente. Le manque de solutions de framework pour la conception intrinsèque pourrait également entraver sa mise en œuvre rapide. La conception intrinsèque promeut un changement de paradigme, passant de la conception de mises en page réactives à la création de composants réactifs, soulignant l'importance d'utiliser les connaissances CSS existantes d'une nouvelle manière pour créer des conceptions flexibles et adaptables. Cela marque un autre moment significatif dans la conception web, s'éloignant des points de rupture prédéfinis et se rapprochant des mises en page qui peuvent répondre à tout scénario d'appareil ou de contenu.