Alors, concrètement, le responsive web design, qu’est-ce que c’est ?
C’est une technique de réalisation de site web, qui permet de faire des sites qui s’adaptent automatiquement à l’espace disponible sur l’écran.
En général, on se base sur la largeur de l’écran pour déterminer comment les éléments du site doivent s’afficher.
Quand on dispose de moins de place en largeur, on peut mettre moins de blocs côte à côte. Dans ce cas, on les positionne plutôt de haut en bas.
Mais attention, ce n’est pas une règle. On peut aussi considérer que certains blocs moins importants sont inutiles sur des mobiles et les faire disparaître (vous remarquerez que le bloc gris n’apparaît plus dans la version mobile).
On peut aussi, à l’inverse, faire apparaître de nouveaux blocs et outils de navigation sur mobile si on le souhaite.
Un site Responsive Design est donc un site qui change en fonction de la taille de l’écran pour améliorer la navigation de votre visiteur.
