Comment savoir si mon site web s’affiche correctement sur un smartphone ou une tablette ?

Responsive ! C’est un mot que les développeurs de sites internet connaissent bien. C’est la capacité pour un site web à adapter son affichage à la dimension de l’écran de l’internaute.

A l’heure ou plus de page son consultées sur via internet sur des smartphones que sur des ordinateur dits « classiques », avec un grand écran, il convient de s’assurer que les contenus de son propre site sont accessibles et lisibles quelque soit le support utilisé (ordi, tablette, smartphone).

Malheureusement, il est pratiquement impossible, financièrement parlant, de disposer de toutes les variétés de smartphone et de tablettes…

Mais heureusement, il existe des outils en lignes pour avoir un bon aperçu de son site sur différentes plateformes.

Mon outil préféré pour cela c’est youresponsive.com .

Vous rentrez simplement l’adresse de votre site ou de la page web que vous souhaitez vérifier, et c’est parti :

youresponsive01

Youresponsive simule l’affichage de votre site sur un tas d’appareils les plus fréquemment utilisés :

  • iPhone portrait (320×568)
  • iPhone landscape (568×320)
  • Android portrait (240×320)
  • Android landscape (320×240)
  • Android Nexus portrait (384×600)
  • Android Nexus landscape (600×384)
  • iPad portrait (768×1024)
  • iPad landscape (1024×768)

Alternative

Mon second choix se porte sur resizer de google. Il fait partie de la série d’outils pour designers web que met gratuitement à disposition Google:

youresponsive02

Resizer permet d’avoir des preview plus « détaillés » que Youresponsive, mais c’est assez long de naviguer de format en format par la barre d’outil supérieur.

Leave a reply

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