Responsive web design

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 : iPod), 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