1. Créer un site
  2. Blog sur la création de site
  3. Actualité
  4. Google lance Resizer pour tester votre responsive design

Google Resizer

Google lance Resizer pour tester votre responsive design

Le lundi, 29 février 2016

Dans Actualité

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.

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.

Barre de navigation resizer

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.

Resizer pour ordinateur

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.

Resizer pour mobile

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.

Google Responsive Design

Articles similaires

Dans Web design
Faster cover

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.

Dans Web design
Blogger cover

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.