Qu’est ce qu’un site responsive web design ?

Le Responsive Web design (RWD) est aujourd’hui incontournable dans nos projets de site web (et dans les cahiers des charges de nos clients)… mais demeure toujours aussi confus et insaisissable même chez les professionnels !

Le Responsive Web design est une approche de conception Web qui vise à l’élaboration de sites offrant une expérience de lecture et de navigation optimales pour l’utilisateur quelle que soit sa gamme d’appareil (téléphones mobiles, tablettes, liseuses, moniteurs d’ordinateur de bureau).

Une expérience utilisateur « Responsive » réussie implique un minimum de redimensionnement (zoom), de recadrage, et de défilements multidirectionnels de pages.

Le terme de « Responsive Web design » a été introduit par Ethan Marcotte dans un article de A List Apart publié en mai 2010.

Il décrira par la suite sa théorie et pratique du responsive dans son ouvrage « Responsive Web Design » publié en 2011. Celle-ci se limite à des adaptations côté client (grilles flexibles en pourcentages, images fluides et CSS3 Media Queries).

Voici une très jolie infographie créer par Nicolas Vigneau mais également une vidéo qui explique rapidement et simplement les principes du responsive web design.