Mes outils gratuits du web pour webdesigners et webmasters

bonnes adresses

On dit que la culture, le progrès, la croissance et le bonheur ne valent que s’ils sont partagés.

Il en va sans doute ainsi des bookmarks accumulés en une vie professionnelle autour de WordPress, du graphisme ou du design. Voici donc une sélection de mes meilleures pépites. Ne manquez pas de commenter…Je ne manquerai pas de mon côté d’ajouter mes trouvailles au fur et à mesure.

Ce que je ne vous dis pas est que j’utilise cette page comme un vade-mecum de certains outils que j’utilise souvent, et que j’ajoute régulièrement des infos au fil de mes trouvailles.

Pingdom

Tester la vélocité de votre site

Pingdom Website Speed Test
https://tools.pingdom.com
Un outil de test de performance comme un autre, avec l’avantage de pouvoir lancer le test depuis un serveur européen (choisissez Amsterdam dans les réglages).

GTmetrix
https://gtmetrix.com/
Je cite cet outil qui est intéressant dans la mesure où il conserve un bref historique de vos performances si vous êtes loggé.

WebPageTest
https://www.webpagetest.org/
Tester les performances de votre site.

Speedtest d’Ookla
https://www.speedtest.net
Le test de vitesse de connexion global.

clean css

Sécurité et protection

Copyscape
https://www.copyscape.com/

Duplichecker
https://www.duplichecker.com/
Vérifier si une page de votre site a été copiée.

HackerTarget
https://hackertarget.com/wordpress-security-scan/
Faire le point sur les extensions et les versions d’une installation WordPress.

kPaste
https://kpaste.infomaniak.com/new
Échangez des mots de passe en mode sécurisé.

Optimiseur CSS

Stylelint
https://stylelint.io/
Le linter CSS de référence aujourd’hui, en remplacement de CSS Lint qui n’est plus maintenu.

Clean CSS
https://www.cleancss.com/
Formateur et optimiseur CSS ; un moyen pratique de condenser vos feuilles de style.

CSS Compressor
https://csscompressor.com/
Un compacteur CSS avec plusieurs niveaux de compression.

moz

SEO

Moz Link Explorer
https://moz.com/link-explorer
(EN) Le successeur d’Open Site Explorer. Beaucoup de ressources gratuites ou payantes, toutes en anglais.

Übersuggest
https://neilpatel.com/ubersuggest/
Générateur de mots-clés, à toutes fins utiles. Rapide d’accès, mais l’offre gratuite est aujourd’hui très limitée.

Screaming Frog SEO Spider
https://www.screamingfrog.co.uk/seo-spider/
Crawler de site pour repérer liens morts, redirections et titres manquants. Gratuit jusqu’à 500 URL.

Rédiger sans migraine
https://www.seo-sans-migraine.fr/
Rédiger plus facilement avec plein de conseils à la clef.
Ressource freemium, vaut l’investissement.

blue-vertigo

Prêt pour l’indigestion ? La meilleure bibliothèque de ressources

Blue Vertigo
www.bluevertigo.com.ar
Une mine incommensurable de liens, de fontes, de brushes et d’icônes jusqu’à plus soif. Toujours mise à jour, ce qui est rare pour un annuaire lancé en 2003.

Kuler

Couleur et style

Stylify Me
https://stylifyme.com/
Passer au rayon X les couleurs et les fontes du site que vous convoitez. Pratique surtout pour les couleurs révélées en hexadécimal, plus rapidement qu’avec Colorzilla (la précieuse extension de Firefox pour pipetter des couleurs).

Générateurs de couleurs
https://www.colorhexa.com/
Étude exhaustive d’une couleur dans tous ses états, même pour les daltoniens.
https://www.color-hex.com/
https://noeldelgado.github.io/shadowlord/
De fantastiques outils qui génèrent des rampes de teintes.

My Color Space
https://mycolor.space/
Un générateur original et agréable à utiliser.

Color Matrix
https://toolness.github.io/accessible-color-matrix/
Testez la lisibilité de vos couleurs et de vos textes.

Color Palette
https://www.canva.com/color-palette/
https://palettegenerator.com/
https://coolors.co/image-picker
Construisez des nuanciers d’après une image.

https://chir.ag/projects/name-that-color/
Dictionnaire de noms de couleurs.

Mockup

Pour les webdesigners

Moqups
moqups.com
Générer vos mockups en ligne. Illustrator, voire Photoshop font mieux, mais pour plus cher et pas en ligne.

Banques d’images gratuites et payantes
pixabay.com, pexels.com et unsplash.com
Des images gratuites à gogo ; on n’est pas sur la qualité de Getty, mais ici, c’est gratuit.

Graphic Burger
graphicburger.com
Ressources variées. Une bibliothèque d’une très grande qualité et variété.

Recueil des plus beaux logos
logobook.com
Pour le plaisir des yeux.

Convertisseur de couleur
https://www.toutes-les-couleurs.com/code-couleur-cmjn.php
Rien de très passionnant, mais très pratique pour faire des chartes graphiques.

Banque d’images vectorielles
https://www.vecteezy.com/
Des ressources vectorielles de qualité.

Générateurs d’ombres
https://neumorphism.io/
Des ombres de qualité en CSS.

Générateurs de mouvement CSS
https://animista.net/play/basic
Du code prémâché pour animer des objets sur un site.

font squirrel

Fonte et typographie

Font Squirrel
https://fontsquirrel.com/
On ne présente plus ce catalogue de typos, généralement bien fondues et toutes à télécharger ou à intégrer en @font-face. (Oubliez dafont.)

Google Fonts
https://fonts.google.com
Un catalogue à importer directement dans vos feuilles de style CSS.

Font Converter
https://www.fontconverter.org/
Convertisseur de fontes en ligne ; sobre et efficace.

Typespiration
https://typespiration.com/
Combiner vos fontes et vos couleurs.

Transfonter
https://transfonter.org/
Générateur @font-face.

Icônes

Tabler Icons
https://iconsearch.info/
Plus de 6 100 icônes SVG sous licence MIT, chacune dessinée sur une grille 24×24 avec un trait de 2px.

Lucide Animated
https://lucide-animated.com/
756 icônes, SVG optimisés, dessinés selon un jeu de règles strict pour la cohérence de style et la lisibilité

Iconify
https://tabler.io/icons
https://github.com/iconify
Plus de 200 jeux d’icônes, environ 300 000 icônes. Ce qui le rend fiable pour de la prod

opquast

Gérer la qualité de votre site

Checklist Opquast
https://checklists.opquast.com/
Le référentiel qualité web de référence, version 5 (2025-2030), 245 règles couvrant performance, accessibilité, sécurité, confidentialité et référencement. L’outil Opquast Reporting a fermé en 2020, la checklist reste et se suffit.

Checklist Opquast pour WordPress
https://fr.wordpress.org/plugins/quality-checklist-opquast/
L’extension de JB Audras (Whodunit) qui intègre la checklist directement dans l’admin WordPress.

Website Grader de HubSpot
https://website.grader.com/
Suppose une adresse courriel (mais bien fait). Prévoyez d’être sollicité par la suite.

Mail-Tester
https://www.mail-tester.com/
Testez la délivrabilité de vos envois : score sur 10, SPF, DKIM, risque de spam.

Adresse courriel temporaire
https://temp-mail.org/fr/
Votre adresse jetable.

Détecteur d’IA et de plagiat
https://gptzero.me

filezilla

FTP

FileZilla
https://filezilla-project.org/
On ne présente plus cet outil open source et performant qui vous permet d’accéder à votre site en FTP.

File Manager DreamHost
webftp.dreamhost.com
Navigateur en ligne. Pratique quand le client n’a pas FileZilla installé.

seoMix

Outils pour votre site

Robots.txt Checker
https://tool.motoricerca.info/robots-checker.phtml
Teste la syntaxe de votre fichier robots.txt. Pas beau mais efficace. Le rapport robots.txt de la Search Console reste plus fiable pour un site que vous possédez.

httpstatus.io
https://httpstatus.io/
Suivez vos redirections et vérifiez vos codes de réponse en série.

Détectez les outils d’un site web
https://www.wpthemedetector.com/

Vérifier des noms de domaine en série
https://www.name.com/fr-fr/names/

Si vous ne disposez pas encore de fichier robots.txt, vous pouvez consulter
https://moz.com/learn/seo/robotstxt (EN)
https://www.seomix.fr/robots-txt-wordpress/ (FR, très bon article de Daniel Roch)

À ce propos, SeoMix est une mine d’information à consulter.

outil bureautique

Outils bureautiques

Traduction
deepl.com
Sans doute moins bien présenté mais plus doué que Google Translate.

Prise de note
dictanote.co
Outil génial pour dicter ses notes. Veillez bien à vous relire tout de même.

Analyse virus
Virus Total
Analysez les fichiers et les URL suspects pour détecter les logiciels malveillants.

Testez la présence d’une IA avec de l’IA
https://hivemoderation.com/ai-generated-content-detection
Outil de détection des contenus générés par l’IA.

divertissement

Pour vous divertir

Faites vos avions en papier
foldnfly.com
Plusieurs plans, du plus simple à l’expert.

mines de codes et outils de dev

Mines de codes et outils de dev

Little Snippets
littlesnippets.net
Wow. Pour la plupart en HTML/CSS, cette bibliothèque d’extraits permet de bénéficier de nombreuses mises en forme au design très actuel.

Plugin Detective
Extension Plugin Detective
Trouve rapidement quelle extension casse votre site, du bug discret à la page blanche. Toujours maintenue et testée jusqu’à WordPress 7.0.

Mise à jour : juillet 2026