Chargement

Responsive

Le responsive web design est une façon de concevoir un site web pour que son contenu s’adapte automatiquement à la largeur et/ou à la hauteur de l’écran qui le visionne. Un site qui possède un responsive design peut alors adapter de lui-même le menu, la sidebar, les images et même la structure pour être visible convenablement et sans zoom sur une tablette (exemple : iPad), un smartphone (exemple : iPhone), une petit écran, un grand écran, une télévision, en version imprimée …

L’image ci-dessous représente un même site regardé à partir de plusieurs terminaux différents.

Site avec un design responsive visible sur écran web, iPad et mobile

Cette méthodologie possède divers avantages :

  • La création et la maintenance est plus rapide et plus facile plutôt que de créer plusieurs interfaces pour chaque support
  • Pour la version mobile et tablette, la prise en compte de l’orientation portrait/paysage est plus facile
  • Le référencement est plus facile puisqu’il y a qu’un seul site distinct qui regroupe toutes les versions
  • Les visiteurs doivent seulement connaître une URL quelque soit le support utilisé
  • Les sites qui n’utilisent pas de responsive design font parfois une redirection basée sur le User-Agent. Cependant, cette technique n’est pas fiable à 100% car il faut se baser sur une liste de user-agent très complète et la mettre à jour régulièrement

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

« | »
Laurent LE NY Le Nid du Web