Google vient de créer un nouvel outil qui permet de visualiser l’affichage des sites web sur tous les écrans. Ordinateur, tablette, mobile : chaque version est à portée de main avec Resizer.
- Créer un site
- Blog sur la création de site
- Actualité
- Google lance Resizer pour tester votre responsive design
Un outil interactif très simple
Grâce à Resizer, Google a permis à tout le monde de pouvoir visualiser facilement l’aspect d’un site web en fonction des supports. Ainsi, les webmasters pourront vérifier en un clin d’oeil, en indiquant simplement leur URL, le design responsive de leur site. L’avantage de cet outil est qu’il est interactif. Vous pouvez naviguer sur votre site avec tous les supports pour avoir un aperçu de toutes les pages en même temps.

Testez l’affichage sur ordinateur
Dans la barre de navigation ci-dessus, il y a 3 icônes représentant des terminaux. En cliquant sur l’ordinateur, vous avez la possibilité d’afficher votre site selon 6 tailles différentes : 480, 600, 840, 960, 1280, 1440 et 1600 pixels de large. Il vous suffit de cliquer sur la règle et l’affichage s’adapte automatiquement.

Testez l’affichage sur mobile
Tout comme le mode Ordinateur, le mode Mobile s’active depuis la barre de navigation. Cette fois, vous avez le choix entre 4 tailles : 360, 600, 720 et 1024 pixels de large. En fonction de la taille choisie, vous pouvez visualiser l’affichage en mode portrait ou paysage sur smartphone ou tablette.

Avoir un site responsive
A l’heure où le mobile est de plus en plus présent, il est important de pouvoir naviguer sur votre site depuis tous les terminaux. Chez e-monsite, nous vous proposons des thèmes responsive, qui s’adaptent à tous types d’écrans, afin que vous puissiez créer un site efficace et ergonomique.
Pour tester vous-même, rendez-vous sur design.google.com/resizer.
Articles similaires

Faster, un joli design illico presto pour votre site !
Le mercredi, 30 octobre 2019
Faster est le dernier né des thèmes responsives conçus à partir de notre Framework maison EMS Framework. Il est donc adapté à tous les types d'écrans, du smartphone à l'écran de bureau.

Thème Blogger : un design moderne pour votre site web
Le jeudi, 28 septembre 2017
Blogger est un nouveau thème responsive qui, comme le thème Smart, est basé sur le Framework EMS Framework, spécialement conçu pour e-monsite.
Il est donc optimisé pour être affiché de manière optimale sur tout type d'écran, du smartphone à l'ordinateur de bureau. Il est également "mobile first", c'est à dire optimisé pour un affichage par défaut sur terminal mobile, ce qui ne l'empêche pas d'être compatible avec toutes les résolutions existantes.