Responsive web design

Voir tout le glossaire
Retour a l'article

Le responsive web design fait référence à une méthode de conception web qui permet d'obtenir des sites capables de s'afficher de manière optimale sur tous types de terminaux : ordinateur (desktop), tablette et téléphone mobile. Il ne s'agit pas de créer plusieurs versions d'un même site à destination de chaque support, mais au contraire de développer une seule et même version, qui s'adaptera automatiquement à toutes les tailles d'écran et sera toujours accessible depuis la même URL. Le responsive web design est une technologie qui se fonde sur les media queries ou "requêtes medias", intégrées au langage informatique CSS3. Les media queries fonctionnent comme des conditions : elles permettant d'appliquer des propriétés d'affichage spécifiques en fonction des différentes tailles d'écran. Le développeur peut également faire des choix techniques et ergonomiques en modifiant la mise en page ou la police selon l'affichage, afin d'améliorer la navigation et l'expérience utilisateur.

Le contenu du site reste identique, mais sa présentation change en fonction de la résolution d'écran de l'usager. Dans tous les cas, l'affichage des contenus est toujours confortable pour l'internaute, indépendamment du support qu'il utilise. Les avantages d'un site web responsive sont nombreux. La maintenance est simplifiée, puisqu'il n'est pas nécessaire de gérer plusieurs sites et domaines. Du point de vue du référencement naturel , cette méthode est idéale car elle évite la duplication des contenus. Enfin, le responsive design offre une meilleure adaptation aux formats atypiques.

Shakez votre vocabulaire !