Site adaptatif (Responsive Web Design)

Les sites qui s'adaptent aux appareils mobiles.

Face au développement des appareils mobiles (Téléphone mobile, Smartphone, Tablette), il devient indispensable d'offrir aux internautes la possibilité de consulter les sites internet  depuis tous les types de terminaux (Médias).

Les sites deviennent flexibles.

Les nouvelles possibiltés de programmation (HTML5 et CSS3) permettent de créer des mises en page dont le contenu s'ajuste à la résolution (taille de l'écran) de  l'appareil que possède le visiteur du site.

Il devient ainsi plus aisé de naviguer sur les pages, d'utiliser les menus qui se sont adaptés.

Un site est qualifié de "Responsive" quand il peut changer de style à la volée en fonction du matériel sur lequel est lu le document.

Exemple de sites "Responsive".

Le site que vous consultez en ce moment est programmé de façon à s'adapter à tous les types d'écrans. Testez le sur votre téléphone ou sur tablette.

Pour le tester, il suffit de réduire la taille de la fenêtre de votre navigateur et, les éléments qui le constituent vont changer de taille et de place pour devenir utilisables sur un écran plus petit.

D'autres exemples :