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 pages sont consultées via internet sur des smartphones que sur des ordinateurs 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 smartphones 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 :
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:
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.