5 extensions de navigateur essentielles pour web designer

Par Knoclar, janvier 29, 2021

Si vous êtes développeur ou web designer, vous avez sans doute une ou plusieurs extensions que vous utilisez toujours. Il y a des tas d'extensions là dehors pour nous faciliter le travail et nous faire gagner du temps. J'ai sélectionné 5 extensions que j'ai trouvées très pratique pour moi.

1 - LanguageTool

Source : languagetool.org

Sans doute le meilleur outil pour la correction automatique de texte sur navigateur.

L'extension prend en charge les fautes d'orthographe, les erreurs de conjugaisons et les fautes de grammaires dans les champs de saisie. La proposition de synonyme est encore en bêta, mais ça marche déjà très bien.

Si vous utilisez WordPress pour la création de votre site web ou pour rédiger un article, ça vous serait utile.

Disponible pour Firefox et Chrome / Edge

2 - WhatFont

Source : http://www.chengyinliu.com/whatfont.html

Cette extension est un outil pour savoir quelles polices est utilisées sur un site web.

WhatFont donne le nom de la police, ainsi que la taille (Font Size), la graisse (Font Weight), la hauteur de ligne (Line Height) et la couleur en hexadécimal.

Par contre, ça ne marche pas à tous les coups... haha 😋

WhatFont est disponible pour Firefox et Chrome

Un bon alternatif est l'extension "Fonts Ninja" disponible pour Firefox et Chrome.

3 - Baseliner

https://addons.cdn.mozilla.net/user-media/previews/thumbs/236/236237.png?modified=1589898931
Source : Baseliner sur Firefox addons

Une extension pour les maniaques de la précision 🤣

Cette extension ajoute une grille entièrement personnalisable par-dessus n'importe quel site web (je vais revenir sur ce "par-dessus" tout à l'heure 😂).

C'est très utile pour bien aligner les éléments de votre design et s'assurer que tout soit visuellement correct.

Baseliner est disponible sur Firefox et Chrome

PAR-DESSUS LA TROISIÈME COOOOORDE !!!!!

Combat de catch à la télé 🤣

4 - Measure-it

Page de l'extension Measure-it Firefox

Une autre extension pour les maniaques de la précision 😅

Measure-it permet de dessiner sur les sites web pour mesurer la largeur et la hauteur des éléments sur une page.

On peut aussi s'en servir pour vérifier l'alignement des éléments d'une page. Au lieu de se servir de la fenêtre d'une application comme règle (comme certaines personnes 🙄)

Measure-it est disponible sur Firefox et Chrome

5 - ColorZilla

Main ColorZilla Menu
ColorZilla Firefox extension page

Un incontournable du Web Design (à une époque, maintenant je ne sais pas 😂)

ColorZilla est une extension tout en un pour ce qui est de la couleur (EyeDropper, Color Picker, générateur de dégradé). C'est un bon outil, mais n'a pas été mis à jours depuis 4 ans. Donc, ça peut planter des fois.

ColorZilla est disponible sur Firefox et Chrome

Un bon alternatif est l'extension Color Picker sur Firefox ou Eye Dropper sur Chrome

En bonus

Selon vos habitudes, vos compétences et domaines, vous aurez besoin de plus que ces extensions.

  • Pour ceux qui travaille sur WordPress, en plus de LanguageTool, vous pourrez utiliser Hemingway Editor pour la rédaction de votre article anglais. Ou WhatRuns, pour savoir avec quelle technologie un site web a été créé.
  • Cookie Autodelete pour supprimer automatiquement ou manuellement (et rapidement) les données de navigation.
  • TempMail pour créer des emails temporaires et jetables. Avec une fonction assez cool : le remplissage auto des champs emails.
  • Simple Lorem Ipsum, pour les faux textes. Vous pouvez prendre du faux texte de n'importe quel site web et l'enregistrer dedans pour usage ultérieur. NOTE : moi j'ai pris du texte depuis Fillerama, et je l'ai mis dedans 😅 (J'ai pris The Simpsons)

Voilà, c'est tout 😅. Si vous connaissez des extensions qui pourraient améliorer la vie, n'hésitez pas à les partager dans les commentaires. (ah tiens, y a pas de formulaire pour ça pour le moment)