Responsive design — En bref
Le responsive design permet à une interface de s’adapter à la largeur et aux capacités de l’écran utilisé.
Responsive design dans le contexte du Web
Sur un site, cela concerne les marges, les colonnes, les images, les boutons, les menus et la lisibilité, pas seulement le fait de réduire la page. Les articles le relient à la consultation mobile et recommandent un contrôle manuel des parcours réels.
Responsive design pour les développeurs
CSS adapte la mise en page avec des unités flexibles, des conteneurs, des grilles et des media queries ; les images et composants doivent aussi pouvoir changer de taille ou de comportement. Il faut tester des écrans, zooms, orientations, claviers et contenus longs, pas uniquement une largeur de référence.