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 coté 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 fur et à mesure de mes trouvailles…Cette page est donc beaucoup plus qu’une suite de mot uniquement destiné au référencement (aucune page n’est d’ailleurs destiné à cela sur le site).

PingdomTESTER LA VÉLOCITÉ DE VOTRE SITE

Pingdom Website Speed Tool
https://tools.pingdom.com/fpt/
Un outil de test de perfomance comme un autre, mais qui offre la possibilité de pinger vers un serveur européen (contrairement à beaucoup d’autre comme gtmetrix qui ping vers l’Amérique du Nord (choissisez Amstredam dans « settings »)

Gtmterix
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 cssSÉ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

Backertarget
https://hackertarget.com/wordpress-security-scan/
Faire le point sur les extensions et les version

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

OPTIMISEUR CSS

CSS Lint
https://csslint.net/
Analyser votre feuille de style

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

CSS minifier
https://csscompressor.com/
Un compacteur CSS avec plusieurs possibilités de compression

mozSEO

MOZ TOOLS AND RESOURCES
https://www.seomoz.org/geotarget
(EN) Beaucoup de ressources gratuites ou payantes…toutes en anglais
→ Ne manquez pas de consulter https://www.opensiteexplorer.org qui est un des outils les plus intéressants du lot

Internet Marketing Ninjas
https://blog.kissmetrics.com/6-indispensable-seo-tools/
Couteau suisse SEO : aller parcourir ce lien impressionnant

Übersuggest
https://ubersuggest.org/
Générateur de keywords..à toute fins utiles. Un peu plus rapide d’accès mais moins complet que Google AdWords

Voir également
https://seositecheckup.com/
https://www.redirect-checker.org/
et le logiciels linkExaminer et Xenu

Cocon Sémantique
Afficher la structure votre site d’une façon novatrice
https://cocon.se/

blue-vertigo

Prêt pour l’indigestion ? Les meilleures bibliothèques de sites

Blue vertigo
www.bluevertigo.com.ar
Une mine incommensurable de lien, de fontes, de brushes, d’icônes jusqu’à plus soif !
Web Design Repo
www.webdesignrepo.com/
Une mallette à outil astucieuse à l’intention des graphistes, webmaster et webdesigner (merci Jibéo pour ce lien)

KulerCOULEUR ET STYLE

Stylify Me
https://stylifyme.com/
Passer au rayon X les couleurs et les fontes du site que vous convoitez. Pratiques 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 nom

MockupPOUR LES WEBDESIGNERS

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

Free & Paid Stock Images
pixabay.com et pexels.com et unsplash.com
Des images gratuites à gogo ; on 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’image vectorielle
https://www.vecteezy.com/
Des ressources vectrorielles de qualité

Générateurs
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 squirrelFONTE ET TYPOGRAPHIE

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

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

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

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

Fonty
Testez vos fontes en ligne
https://fonty.dizoo.bg/

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

opquastGÉRER LA QUALITÉ DE VOTRE SITE

Opquast
https://reporting.opquast.com/
Découvert à la WIA#09, un programme ambitieux : qualité et accessibilité de vos sites Web

HubSpot’s Marketing Grader
https://marketing.grader.com/
Suppose une adresse email (mais bien fait). Prévoyez d’être sollicité par mail ensuite

Mail-Tester
https://www.mail-tester.com/
Tester votre adresse email (sécurité, spam)

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

filezillaFTP

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

Dreamhosts
webftp.dreamhost.com/
Navigateur en ligne…Pratique lorsque le client de ne dispose pas de Filezilla installé

seoMixOUTILS POUR VOTRE SITE

Robots.txt Checker
https://tool.motoricerca.info/robots-checker.phtml
Test votre fichier robot. Pas beau mais efficace

StatusIO
https://httpstatus.io/
Suivez vos redirections

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

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)

A 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 relier relire tout de même !

Analyse virus
Virus total
Analysez les fichiers et les URL suspects pour détecter les types de logiciels malveillants,

Testez la présence d’une IA avec de l’IA
https://hivemoderation.com/ai-generated-content-detection
outils 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

Little snippets
littlesnippets.net/
Wow…pour la plupart en HTML/CSS, cette bibliothèque d’extraits (ou snippets) permet de bénéficier de nombreuses mises en formes au design très actuel.

Plugin Detective
Extension Plugin-detective
Plugin Detective vous aide à résoudre rapidement et facilement les problèmes sur votre site pour trouver la cause d’un problème, du bug à la page blanche.

Testez vos redirections
https://httpstatus.io/
code 200 ou 404 ?

Mise à jour : Juin 2023