Glossaire · Concepts fondamentaux
Responsive design
Aussi appelé : Design réactif · Site responsive · Adaptatif
Définition
Le responsive design est une approche de conception web qui permet à une même page de s'adapter automatiquement à la taille de l'écran : colonnes qui se réorganisent, menus qui se replient, images qui se redimensionnent, du téléphone au grand moniteur. Il repose sur des grilles fluides et des règles CSS conditionnelles (media queries et, plus récemment, requêtes de conteneur). Il remplace la pratique ancienne d'un site mobile séparé.
Dans la pratique
Le responsive design est un prérequis de tout site, le mobile représentant la majorité du trafic web et le critère principal d'indexation de Google. Un besoin « responsive » cache souvent un périmètre à préciser : quels écrans, quels navigateurs, quelle priorité au mobile. Un développeur frontend doit tester sur de vrais appareils, pas seulement en réduisant la fenêtre de son navigateur.
Termes liés
Définition rédigée par L'équipe Top Profil. Glossaire mis à jour le . Tous les termes du glossaire.