Responsive Design : Tester son site web

Au vu de l’évolution technologique constante constatée jour après jour, les sites et applications web doivent être Responsive Design (c’est à dire, être en capacité de s’adapter aux différentes résolutions et tailles d’écran).

À moins d’avoir à disposition tous les terminaux disponibles, la question à se poser est la suivante: comment un développeur peut visualiser la résolution de son site web sous différents terminaux ?

Pour cela, on peut donc se tourner vers le site Screenfly, qui permet de tester ses sites ou applications web sur de nombreux terminaux, parmi les plus populaires.

Concernant les tablettes on pourra retrouver :

  • Le Kindle Fire HD 7 » (533 x 853)
  • Le Kindle Fire (600 x 800)
  • Le Samsung Galaxy Tab (600 x 1024)
  • Le Google Nexus 7 (603 x 966)
  • L’iPad 1-3/Mini (768 x 1024)
  • Le Kindle Fire HD 8.9 » (800 x 1280)

Évidemment côté mobile on retrouvera l’iPhone 3, 4, 5 et la suite Samsung.

On peut même tester son site web sous les résolutions 480p, 720p, 1080p .

Un petit exemple de résolution sous iPad 3 :

2014-07-28_173631

Un bon outil très fonctionnel !

Be Sociable, Share!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>