• 0k
  • 0
Web design \ 23 Mars 2015

Web design : 5 extensions Chrome utiles

Les navigateurs sont bien plus que de simples interfaces de connexion au Web. Ils sont devenus des outils de travail à part entière qui offrent, pour la plupart, des applications pratiques pour exploiter plus facilement le web ou encore des thèmes très design pour s’y promener dans une ambiance familière. Mais pour ne rien vous cacher, nos outils préférés restent les extensions. À la différence des applications, les extensions sont des fonctionnalités intégrées dans la barre d’URL du navigateur. En outre, elles sont accessibles en un clic, demeurent discrètes visuellement, sont très simples d’utilisation et surtout, extrêmement utiles.

Cette semaine nous avons fait un petit tour dans le Chrome Web Store du célèbre navigateur. Nous avons dénicher quelques outils de design qui pourraient être utiles dans la réalisation de votre site. Sans surprise, quand on fouille dans les tiroirs du Big Brother du Web, les découvertes sont de taille.

Nous vous présentons 5 extensions Google Chrome que vous devriez installer sur votre navigateur de bureau dès que possible. Au fait, elles sont toutes gratuites.

Extensions Chrome

Eye dropper – la couleur de la simplicité

Vous naviguez tranquillement sur le Web et une couleur utilisée sur un site captive votre regard. Comment la reproduire ? Prendre une capture d’écran et commencer à comparer toutes les couleurs de Paint avec votre teinte n’est pas une option. À cet effet, Chrome vous propose Eye Dropper. Cette extension, présentée sous forme de pipette dans la barre du navigateur, vous permet de prendre un échantillon de couleur et d’en découvrir le code HEX (ou le code la couleur) sans quitter votre page Web. Ensuite, pour l’utiliser vous n’avez qu’à saisir le code sur Paint, Photoshop ou encore dans l’éditeur Wix et le tour est joué.

Eye Dropper   Chrome Web Store

En action :

Eye dropper

What Font – l’identité des lettres

Même cas de figure que le précédent mais cette fois, la police de caractères vous intrigue. Avec l’extension What Font, vous pouvez découvrir en un clic le nom de la police qui vous a plu mais également sa taille, sa couleur (son code) et un tas d’autres informations utiles – en somme, obtenir sa carte d’identité. Il vous suffit de l’installer et de cliquer sur l’icône « f ? » pour l’activer. Une vrai petite merveille, déroutante de simplicité. Avec What Font, vous êtes sûr de donner à votre site le caractère qu’il mérite.

WhatFont   Chrome Web Store

En action :

What Font

Font Playground – assassin de la police

Pour rester dans le thème des polices, Font Playground est une extension unique en son genre. Elle vous permet de modifier les polices d’une page Web en live. Bien entendu, ces changements n’opèrent qu’en surface sur votre navigateur et ne sont d’aucun danger pour le détenteur du site sur lequel vous les expérimentez. L’extension s’affiche sous forme de A sur votre navigateur. Vous pouvez transformer le style des polices, appliquer toutes sortes d’effets sur le texte, jouer avec la taille des caractères ou encore afficher tout le texte en majuscules (ou minuscules). Tiens, on s’est amusés avec – honnêtement, cette extension vaut le détour.

Font Playground   Chrome Web Store

En action :

Font Playground

PicMonkey – la capture d’écran repensée

Cette extension est probablement la plus utile de cette sélection. Avec PicMonkey vous pouvez non seulement effectuer des captures d’écran instantanément mais également les éditer à volonté. La cerise sur le gâteau : l’extension vous trouve toutes les images présentées sur votre page Web et vous propose de les éditer sans les enregistrer ni même réduire la fenêtre de votre navigateur. Comment vous dire sans trop en faire ? C’est jubilatoire.

PicMonkey Extension   Chrome Web Store

En action :

PicMonkey

Search by Image (by Google) – la recherche inversée, vous connaissez ?

Nous vous présentons l’application classique que tout designer doit garder sous la main, le Saint des Saints des applications de recherche inversée par image : Search by Image – par Google. Trouver un visuel sur le Web que nous mourrons d’envie d’utiliser sans savoir à qui donner le crédit est un dilemme moral (et légal) qui peut tourmenter beaucoup d’entre nous. Afin de nous éviter de nous arracher les cheveux plus longtemps, Google propose cette extension qui permet de trouver la source d’une image très facilement. Contrairement aux précédentes, elle n’apparait pas dans la barre d’URL mais va se nicher directement sous votre clic droit. Pour l’utiliser c’est facile : effectuez un clic droit sur l’image qui vous intéresse et Google scannera la toile pour vous en donner les sources. Une extension créée par Google, dans le navigateur inventé par Google, qui recherche sur Google : What Else ?

Search by Image  by Google    Chrome Web Store

En action :

Recherche d'image inversée Google

Bonus : l’extension en plus qui ne sert pas à grand-chose mais qui est sympa quand même

Wikiwand est une application qui vous permet de personnaliser l’affichage des pages Wikipédia sur votre ordinateur. Vous pouvez jouer avec les polices, la largeur du texte,  la couleur de fond, et même partager les articles en un clic. Son intérêt est simple : elle rend Wikipédia plus lisible, plus agréable et plus interactif. Oui, elle ne vous aidera pas forcément avec votre site, mais il faut l’essayer, ne serait-ce que pour le plaisir.

Wix.com   Wikiwand

PS : on ne l’a pas mentionné, mais il est impératif d’installer l’extension Wikipédia quelle que soit votre activité. Qui n’utilise pas Wikipédia ?

Créez votre propre site gratuitement dès aujourd’hui !

Abonnez-vous à notre newsletter pour vous tenir informé de nos meilleurs conseils :



Recevez le
par e-mail !

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

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

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

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email