Google lance Resizer, un outil interactif pour tester un site sur plusieurs écrans

L’équipe dédiée au design chez Google vient de lancer un nouvel outil : Resizer. Il s’agit d’un outil interactif pour tester l’apparence d’un site sur plusieurs écrans.

google-resizer

Il s’agit résolument d’un outil simpliste pour tester le rendu d’un site sous toute résolution. Pour commencer, il suffit d’indiquer l’adresse URL du site à tester. Il s’affiche alors en trois résolutions classiques sur desktop, tablette et mobile.

Tester l’affichage du site sur ordinateur

Pour aller plus loin, vous pouvez cliquer sur les icônes « desktop » ou « mobile » en haut à droite. Le premier permet de tester l’affichage du site sur un écran d’ordinateur. En haut, une règle permet de choisir la résolution de l’écran, de 480 pixels de large à 1600 pixels de large.

google-resizer-desktop

Tester l’affichage du site sur mobile

Le deuxième icône permet, en toute logique, de tester l’affichage du site sur tablette et mobile. Cela fonctionne de la même manière : une règle permet d’ajuster la résolution de l’écran, de 360 pixels de large à 1024 pixels. Cet outil permet de vérifier le rendu du site sur mobile en mode portrait, sur mobile en mode paysage, sur tablette en mode portrait et sur tablette en mode paysage.

google-resizer-mobile

Dans les deux cas, le site testé est parfaitement opérationnel : vous pouvez donc naviguer de page en page pour tester l’affichage de tout votre site sur tous les écrans. Pour utiliser l’outil, rendez-vous sur g.co/design/resizer.

OFFRES D'EMPLOI WEB

Community Manager & Responsable acquisition H/F

Le Jardin Retrouvé est la première marque de parfums de niche à avoir jamais existé. Elle a été créée en 1975 par le parfumeur Yuri Gutsatz, bien connu du ...

Social Media Manager – Responsable des réseaux sociaux H/F

Si vous rêvez d’être maître de votre outil de travail, si vous en avez marre d’être seul et de travailler en freelance, si vous cherchez à faire passer vos idées…

Notre ...

Responsable Marketing Opérationnel H/F

N°1 des services recrutement, emploi et carrière en France, RegionsJob imagine et développe depuis 16 ans des solutions RH à forte valeur ajoutée. Précurseur dans l'application des technologies web au ...

Commentaires

  1. Jason Rouet
    26 février 2016 - 12h21

    Mouais, autant faire évoluer la console de Google Chrome plutôt que de créer un énième produit qui faire du resizing.
    Bon il faut avouer qu’il est bien foutu et rapide mais est-ce vraiment utile et pratique lorsque l’on dev sur du responsive design ?

Laisser un commentaire

Il est possible d’utiliser ces balises HTML :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Ce blog supporte le système Gravatar, pour obtenir le vôtre, inscrivez-vous sur Gravatar