Il y a un petit moment déjà, j'avais découvert un outil vraiment chouette et il se trouve que j’ai envie de vous le partager aujourd’hui.

En somme, c’est un outil de design qui permet de réinventer visuellement n’importe quel site en production sans réellement l’altérer ou le détruire depuis votre navigateur.

Il me fait gagner un temps non négligeable.

Prenons comme exemple votre client qui vous formule une demande spécifique sur un élément de son site, un logo trop petit qu’il faudrait agrandir ou une couleur de police qui n’est pas accessible.

Grâce à cet outil, il peut observer instantanément le changement qu’il a souhaité !

NB : Gardez bien à l’esprit qu’il ne sera pas enregistré et qu’il faudra quand même appliquer le/les changements en production !

Je trouve que visuellement, déjà, cela permet immédiatement de voir sans vraiment passer par la case maquette, si sa demande est cohérente et si elle s'intègre parfaitement à son site.

Ça aide beaucoup pour argumenter autour de son changement, ne serait-ce que pour l'approuver ou trouver une solution plus adéquate.

Vous voulez changer toute la couleur de votre site et comparer ce que ça donne en direct ? Pas de problème, vous pouvez le faire.

Changer un texte de vente pour voir comment il est intégré sur votre page, vous pouvez le faire aussi.

C’est un outil qui n’est pas uniquement destiné à des designers ou développeurs et c’est ce que je trouve génial, tout le monde peut l’utiliser !

De plus, il s'additionne bien aux autres outils comme la console ou encore l’extension axe DevTools.

Je le vois tout aussi intéressant, notamment pour apprendre et comprendre comment un élément spécifique de la page est construit ou réalisé.

C’est une bonne opportunité pour monter en compétences et apprendre de nouvelles choses.

VisBug Sandbox

Tangible playground for learning VisBug tools

Cet outil s’appelle VisBug, ce lien vous redirigera vers la page de l'outil qui est en fait un mode bac à sable, l’extension est déjà préchargée dessus, génial pour s'approprier l'outil et le tester !

Et si c’est pertinent pour vous et que vous souhaitez l’utiliser en dehors du bac à sable, vous avez la possibilité de le télécharger via les extensions de votre navigateur.

Une fois installé, il est disponible depuis la barre des extensions, il faudra ensuite cliquer dessus pour activer/désactiver son mode édition depuis n’importe quel site.

Bref, à vous de jouer !