J’ai découvert ce matin, un super outil qui s’appel « Am I Responsive« , autrement dit, « Suis-je responsif ».

Cet outil online permet de visualiser un site tel qu’il apparaîtra sur les différents devices les plus courants : ordinateur de bureau, ordinateur portable, tablette (portrait) et Smartphone.

Il suffit de coller l’URL du site à tester dans le champ approprié et les différents écrans se chargent…TOP !

Le service fourni également un Bookmarklet qui peut s’avérer bien utile pour les futurs accrocs au service.

Astuces

Comme le précise l’auteur du site, vous pouvez également utiliser cet outil pour envoyer la preview à un client. Vous pouvez donc lui envoyer une URL avec le site à tester en paramètre :

Le site permet également de faire des test sur des site en local, donc les URLs de type http://localhost/ fonctionneront.

Notez que vous pouvez également réordonner les devices ou les sortir de l’écran pour disposer les éléments comme bon vous semble. Un clic sur le cadre d’un device le met au premier plan 😉

Enfin, vous pouvez bien évidemment faire une capture de votre travail !
Je vous conseil donc de zoomer votre navigateur (Ctrl + Molette pour ceux qui ne connaissent pas) afin d’avoir une image la plus grande possible.

Alors, votre site est-il bien responsif ?

Source: ami.responsivedesign.is

Autre outil qui fera bien l’affaire (et qui gère les DPI sur les devices testé) : ismysiteresponsive.com

Brice Capobianco

Autodidacte passionné par WordPress. J'aime apprendre et créer pour ensuite partager…
Fondateur de b-website.com