Dans cet article dédié à ceux qui créent et gèrent des sites Web, nous voyons quelques sites vraiment bien conçus qui vous permettent de vérifier l'affichage d'un site Web à différentes résolutions d'écran . Aujourd'hui, les sites Web sont surfés de différentes manières, avec des PC, des ordinateurs portables, des téléphones portables, des tablettes et des écrans de toutes tailles, des grands écrans comme les téléviseurs aux petits écrans tactiles. Cela signifie que ceux qui conçoivent un site doivent s'assurer qu'il est clairement visible dans tous les terminaux et sur les écrans de toute résolution.
Un site qui n'offre pas de contenu optimisé pour les appareils les plus populaires et qui est bien lisible à toutes les résolutions pourrait perdre beaucoup de visiteurs.
Parmi les plateformes de blogs les plus populaires, Blogger vous permet d'activer la version mobile de chaque blog tandis qu'avec le CMS WordPress, vous pouvez utiliser un plugin pour créer automatiquement la version mobile.
Dans tous les cas, il est toujours important d' essayer les résolutions pour vous assurer que le site s'affiche correctement sur les grands écrans et les petits écrans .
Il existe plusieurs façons de tester la taille et de voir la résolution sur les téléphones portables.
À partir de Windows, vous pouvez réduire la résolution d'écran à partir du menu du panneau de commande tandis que pour chaque téléphone mobile, il existe un émulateur ou un simulateur.
Dans un autre article, j'avais écrit un guide pour surfer sur Internet à partir d'un PC comme s'il s'agissait d'un téléphone mobile.
Pour le faire d'abord et tester la taille d'un site avec différentes résolutions d'écran et la compatibilité avec les téléphones mobiles, vous pouvez utiliser l'application Web automatique Responsivetesttool . Ce service en ligne vous permet de visualiser un site Web spécifique dans des résolutions prédéfinies. Ecrivez simplement l'adresse du site à vérifier puis choisissez la résolution en cliquant avec la souris. Des boutons semi-transparents apparaissent sur le côté gauche qui modifient la résolution en fonction de l'appareil utilisé. Vous pouvez ensuite choisir de voir une page Web choisir parmi 4 catégories principales:
- Bureau : pour visualiser un site avec la taille d'écran d'un netbook 10 "jusqu'à un moniteur d'un ordinateur de bureau 24".
- Tablette pour vérifier à quoi ressemble le site s'il est ouvert depuis un iPad, un Samsung Galaxy ou d'autres tablettes.
- Mobile regroupe les téléphones portables et smartphones les plus utilisés au monde, dont iPhone, Blackberry et Google Nexus S avec Android.
- Télévision pour visualiser des pages Web sur de grands écrans jusqu'à la résolution (1920 × 1200).
ScreenFly est une application rapide qui mérite d'être soulignée pour son fonctionnement, fluide et sans jamais recharger le site testé. Une caractéristique intéressante de Screenfly est également la possibilité de détecter automatiquement les versions mobiles des sites .
Cette possibilité peut être désactivée en plaçant la croix sur l'option Pas de serveur proxy (désactive la commutation de périphériques) . Vous pouvez également activer le défilement vertical et faire pivoter l'écran.
TestSize, quant à lui, est une application dynamique qui vous permet de simuler des résolutions de celle d'un écran de téléphone portable (240X320) à celle d'un téléviseur (1920X1200).
TestSize fonctionne très bien et vous permet de simuler n'importe quelle taille en appuyant sur les touches + et -.
Depuis Google, il est possible d'utiliser l'outil Resizer, très pratique pour vérifier comment un site Web ou une page Web est affiché sur des écrans de différentes tailles, automatiquement et rapidement.
