• 156k
  • 25
Web design \ 17 Octobre 2017

10 extensions Chrome indispensables pour designers

Internet regorge de bonnes surprises et bien souvent, vous n’avez pas besoin d’aller bien loin pour les trouver. En quelques clics (pas plus d’un en réalité), vous pouvez vous vous retrouver dans la caverne d’Ali Baba, alias le Chrome Web store en version moderne. Vous connaissez forcément l’Apple Store ou le Google Play, ici, l’idée est la même, mais on troque les applications mobiles par des extensions sur votre navigateur Chrome. Discrètes, très pratiques et bien souvent gratuites, elles changent complètement votre façon de travailler sur le Net.

Il y a quelques mois, nous vous avons révélé les meilleures extensions Chrome pour photographes, pas de jaloux, cette fois-ci nous avons fait un tour d’horizon pour nos amis les designers. Quelle police choisir, comment faire une capture d’écran impeccable, ou simplement, où trouver de l’inspiration sans avoir à faire le tour de la Toile, il y a en stock un nombre d’outils impressionnants. Nous avons fait le tri pour vous : voici les 13 extensions pour designers dont vous ne pourrez plus vous passer.

Window resizer

Vous avez fait un superbe site internet (avec Wix bien sûr) et vous voulez voir ce qu’il donne sur un petit écran ? La première option que vous avez est de vous rendre sur notre éditeur mobile. La seconde est d’utiliser cette extension très pratique. Comme son nom l’indique, cet outil redimensionne votre fenêtre Chrome et vous montre ce que donne votre navigateur sur n’importe quelle taille d’écran. iPhone 5 ou ordinateur portable 13 pouces, plusieurs tailles standards sont proposées. Pour autant, si vous n’y trouvez pas votre bonheur, vous pouvez entrer vos propres dimensions. Voici donc un outil complet et intuitif, « il fait la job », comme diraient nos amis québécois.

Muzli

S’il y a bien une chose que vous détestez plus que de devoir chercher vos clés, c’est d’arpenter la Toile pour y trouver la bonne info. Pour votre trousseau, navrés mais nous n’avons pas de solution miracle, pas contre, pour dénicher les pépites de la planète web, si ! Et ce petit bijou s’appelle Muzli. En ajoutant l’extension à votre navigateur, vous verrez apparaître une liste d’articles intéressants et orientés web design à chaque fois que vous ouvrez un nouvel onglet. Conseils UX, nouvelles tendances ou encore les artistes qui font le buzz, les sujets sont variés. Les sites, quant à eux, sont triés sur le volet pour ne vous offrir que le meilleur de l’actualité design : Dribbble, Ted, Behance ou DeviantArt. Et si cela ne vous convient pas – ou que vous finissez par vous lasser – l’outil n’est pas capricieux et vous laisse modifier ou ajouter des sites à votre guise. Muzli est une source d’inspiration inépuisable.

muzli

Image downloader

Vous connaissez Google Image, voici maintenant Image downloader. Cet outil permet de récupérer n’importe quelle image qui se trouve sur une page web : photos, icônes, GIF, etc. Elles s’affichent toutes en haut de votre écran lorsque vous cliquez sur l’extension. Filtrez-les par taille ou par URL. Vous pouvez ensuite les télécharger une à une ou toutes en même temps. Attention cependant aux droits d’auteur, le vol est aussi interdit sur Internet !

Project Naphta

Il n’y a rien de plus frustrant que de vouloir copier ou modifier un texte et de se rendre compte que c’est réalité un format « image ». Comme par exemple, lorsque vous essayez de récupérer des informations sur un document scanné. Ou encore, sur une capture d’écran. Les situations où récupérer une simple ligne sur le Web vous demande le double du travail sont nombreuses. Mais ça… c’était avant ! Parce que désormais, il y a Naphta. Cette extension vous permet de récupérer n’importe quel texte comme s’il s’agissait d’un document Word. Un clic gauche et votre texte est sélectionné, un clic droit et vous pouvez le modifier, l’effacer et même le traduire dans plusieurs langues directement depuis l’image. S’il y a bien un outil qui va vous changer la vie, c’est celui-ci !

Project-Naptha

Full page screen Capture

Pour vous présenter celle-ci, nous allons commencer par une activité : téléchargez cette extension (allez-y, ça ne prendra qu’une minute), cliquez sur Alt-Shift+P et attendez de voir ce qui se passe. Ta-da ! Vous avez une superbe capture d’écran de l’ensemble de votre page – on a bien dit l’ensemble, et pas seulement ce qui s’affiche sur votre écran. Pas besoin de la faire défiler, ni de sélectionner les bords minutieusement pour ne pas en perdre une miette, tout le travail est déjà fait. What else ?

45to75

Il existe une règle en typographie qui dit qu’une ligne de texte doit faire entre 45 et 75 caractères pour être agréable à lire. Qu’à cela ne tienne ! Certains ont pris cela très au sérieux et en ont fait une extension : 45to75. Cet outil est tout simplement un compteur de caractères. Sélectionnez votre texte, faites un clic droit et vous verrez directement le nombre de caractères compris dans votre sélection. C’est facile, efficace et plus pratique qu’il n’y paraît finalement – pensez à Twitter par exemple.

45to75

Tab packager

On ne sait pas pour vous, mais nous, on est du genre à travailler avec plus de 30 onglets ouverts sur notre navigateur (oui, on vient de les compter). Ce qui n’est pas très pratique pour s’y retrouver. Et si en plus on veut sauvegarder tous nos liens, c’est encore plus compliqué. C’est pour cela que l’extension Tab Packager existe. Elle vous propose de réunir tous vos onglets dans un seul et même lien. Vous pouvez alors le partager avec un client (si, par exemple, il doit choisir entre plusieurs options) ou encore vous l’envoyer à vous-même pour rouvrir tous vos onglets sur un autre ordinateur.

Perfmap

Si vous avez un site internet qui s’affiche trop lentement, c’est que certains de vos éléments sont trop lourds et plombent l’ensemble de votre page. Parfois, une seule image peut faire toute la différence. La question est laquelle ? Pour le savoir, ajoutez Perfmap à votre navigateur. Cet outil vous dira, grâce à un code couleur, quels éléments chargent rapidement et lesquels ralentissent tous le processus. Si vous êtes dans le rouge, c’est qu’il est temps de faire quelques modifications. Cerise sur le gâteau : la frise en pied de page qui vous donne le temps de chargement total.

Fontface Ninja

Dans la famille “texte”, je demande le petit frère : Fontface Ninja. Cette extension à un seul objectif simple et efficace : trouver la police qui se cache derrière n’importe quel texte. Si par exemple, vous êtes sur un site internet et que vous adorez la typographie utilisée, survolez-la avec votre souris pour voir apparaître toutes ses caractéristiques : son nom, sa taille et l’interlettrage. Et parce que ici on ne fait pas les choses à moitié, il suffit de cliquer dessus pour l’essayer. Vous êtes convaincue ? Téléchargez-la directement grâce à la flèche qui se trouve sur la fenêtre d’essai. Et voilà, l’affaire est réglée. Comme quoi parfois, il suffit de demander pour avoir ce que l’on veut !

font-face Ninja

Check my links 

Il y deux choses essentielles pour optimiser votre référencement : les mots-clés et les liens. Les robots de Google adorent lorsque vous redirigez vos visiteurs vers des sites fiables. Et vice versa, vous gagnez le jackpot lorsque des sites de bonne qualité redirigent vers vous. À l’inverse, des liens cassés peuvent faire des damages. Alors pour éviter la catastrophe, téléchargez l’extension Check My Links. Les liens qui fonctionnent vont s’afficher en vert et ceux qui ne marchent pas en rouge. De ce côté-là, vous serez assuré, et pour le rester de votre SEO, vous pouvez consulter notre article sur les bases du référencement naturel pour les entreprises (et l’on peut vous assurer que ce lien fonctionne !).

Prêt à composer votre trousse à outil ? Commencez par créer un superbe site internet gratuitement !

Publié par Equipe Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Adresse courriel invalide.

l\'email existe déjà

Adresse courriel invalide.

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Adresse courriel invalide.

l'email existe déjà

Adresse courriel invalide.