Un site responsive web design (RWD) s’adapte à tous les types d’appareils (ordinateurs, tablettes, smartphones) évitant ainsi à l’utilisateur de faire défiler l’écran horizontalement ou verticalement.

Pourquoi est-ce important  pour un site d’être reponsive design ?

De plus en plus de sites étant désormais compatibles responsive design, ceux ne l’étant pas peuvent avoir une connotation négative, ce qui pourrait nuire à leur audience ou à leur taux de conversion pour les sites de vente en ligne. De plus, Google accorde une importance grandissante aux sites responsive design au point d’en tenir compte pour le référencement naturel.

Vous trouverez ci-après un petit outil, développé à l’origine par @justinavery, vous permettant en un clic de visualiser si votre site est responsive design. Cet outil n’a pas pour vocation à remplacer des tests en grandeur nature sur des appareils réels.

Fonctionnement:

1. CET OUTIL FONCTIONNE EXCLUSIVEMENT SUR PC ET MAC. L’implantation de l’outil sur ce site est encore en version beta. Soyez donc indulgent si vous notez quelques bugs que je vous encourage à me signaler via ma page contact.
2. Entrez l’URL du site à tester puis appuyer sur touche « retour » ou sur le bouton  » Valider ». 
3. Partagez le lien intégré avec l’URL de votre site en cliquant sur le bouton « Copier ».
4. Vous pouvez déplacer les appareils pour obtenir une meilleure vue des différents écrans ou naviguer à l’intérieur de chaque écran.
5. Vous pouvez changer la couleur de fond  pour qu’elle s’harmonise avec la couleur dominante de votre site en selectionnant la roue dentelée située sur le bord gauche de l’écran. Cette fonctionnalité est utile si vous souhaitez faire une copie d’écran du résultat de votre test.