Nombreuses sont les personnes à utiliser Google Chrome comme moteur de recherche par défaut. Elles représentent 65,7% des internautes précisément. Ce sont donc des millions d’utilisateurs qui, quotidiennement, se rendent sur le navigateur de Google, convaincus de sa fiabilité et de sa rapidité. Maintenant, saviez-vous qu’il était si polyvalent qu’il pouvait se transformer en véritable caisse à outils pour Web Designer ?
En effet, le catalogue d’extensions de Chrome reflète à merveille sa popularité : avec une multitude de « plug-ins » en tout genre (correcteur orthographique, suivi de courriels, bons de réductions en ligne, SEO…), la plate-forme permet aux utilisateurs de personnaliser leur moteur de recherche de manière très poussée. Et c’est là le but de notre article d’aujourd’hui. Avec plus de 190 000 extensions, est-il possible pour un Web Designer de se faciliter la tâche lorsqu’il cherche son inspiration ? La réponse est oui et nous allons vous le prouver en passant en revue les indispensables.
#1 – CSS Peeper.
- Vous pourrez savoir quel est l’espace en pixels entre les différents éléments du site internet.
- Vous aurez accès à la totalité du CSS d’un élément sans passer par le code (border-radius, line-height, etc.).
- Vous serez informé du nom de l’« id » et de la « class » de ce sur quoi vous cliquez.
- Vous saurez tout sur les polices d’écritures : la police utilisée (ça coule de source), leur graisse, leur taille en px, l’espacement entre les lettres, etc.
- Vous pourrez exporter directement les images du site sur lequel vous vous trouvez en cliquant dessus.
#2 – Fonts Ninja.
- Le plug-in vous permettra de découvrir en survolant un titre ou un corps de texte la police utilisée.
- En un clic, vous serez en mesure de télécharger cette dernière sans passer par des sites dédiés.
- L’extension affiche l’entièreté des lettres que la police de caractère propose.
- Elle scanne quelles sont les différentes graisses présentes pour une même police.
- Vous pourrez écrire le texte que vous voudrez avec la police sélectionnée afin de voir si cette dernière vous plait ou pas.
#3 – Site Palette.
- L’extension vous présente la palette de couleurs complète présente sur la page.
- En un simple clic, vous copierez la nuance souhaitée.
- S’il y a plus de 5 couleurs, le plug-in composera une palette supplémentaire basée sur les couleurs les plus présentes sur la page internet.
- Il vous suffira d’appuyer sur un bouton pour être renvoyé sur « Coolors » (site de génération de palettes de couleurs pour le web) afin de voir des nuanciers en accord avec celle que vous avez sur le site internet.
- Avec ces mêmes couleurs, en un simple clic, vous serez renvoyés sur « Google Arts & Culture » et découvrirez des œuvres d’art (peintures, vases, statues) comprenant les mêmes couleurs que votre palette de couleurs. C’est une fonctionnalité fun, mais qui ne sert à rien concrètement.
#4 – Image Downloader.
- L’extension permet de dresser la bibliothèque complète des images présentes sur un site internet sans passer par le code.
- Vous pouvez télécharger les images en un simple clic.
- Vous pourrez filtrer les images par hauteur et par largeur.
- Lors du téléchargement, pourrez directement les renommer.
#5 – ColorZilla.
- Survolez, cliquez, copiez !
- Elle vous permet de connaitre la couleur en RVB ou en code HEX de chaque pixel de l’écran.
- Vous pourrez copier une couleur en seulement un clic.
- Avec les couleurs sélectionnées, vous serez en mesure de créer votre propre dégradé sans passer par des logiciels PAO.
- Le plug-in vous permet de sortir la palette de couleurs présente sur la page sur laquelle vous êtes.
Avec cette sélection d’extensions, vous pourrez faire du moteur de recherche un outil de web design pratique, qui vous aidera au quotidien dans votre travail. Bien entendu, tout cela ne remplace pas les logiciels indispensables du web designer, mais un navigateur web personnalisé avec de bons add-ons ne peut que vous simplifier la tâche.
