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).
TESTER LA VÉLOCITÉ DE VOTRE SITE
Pingdom Website Speed Tool
http://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
http://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
http://www.webpagetest.org/
Tester les performances de votre site.
Speedtest d’Ookla
http://www.speedtest.net
le test de vitesse de connexion global
SÉCURITÉ ET PROTECTION
Copyscape
http://www.copyscape.com/
Duplichecker
http://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
http://csslint.net/
Analyser votre feuille de style
Clean CSS
http://www.cleancss.com/
Formateur et Optimiseur CSS ; un moyen pratique de concentrer vos feuilles de style
CSS minifier
https://css-minifier.com/
Un compacteur CSS avec plusieurs possibilités de compression
SEO
MOZ TOOLS AND RESOURCES
http://www.seomoz.org/
(EN) Beaucoup de ressources gratuites ou payantes…toutes en anglais
→ Ne manquez pas de consulter http://www.opensiteexplorer.
Internet Marketing Ninjas
http://blog.kissmetrics.com/6-
Couteau suisse SEO : aller parcourir ce lien impressionnant
Übersuggest
http://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/
http://www.redirect-checker.org/
et le logiciels linkExaminer et Xenu
Cocon Sémantique
Afficher la structure votre site d’une façon novatrice
http://cocon.se/
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)
COULEUR ET STYLE
Stylify Me
http://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/
Construisez des nuanciers d’après une image
https://chir.ag/projects/name-that-color/
Dictionnaire de nom
POUR LES WEBDESIGNERS
Moqups
https://moqups.com/
Générer vos mockups en ligne. Illustrator, voir Photoshop font mieux, mais pour plus cher et pas en ligne
Pixabay et Pexel
pixabay.com et pexels.com
Des images gratuites à gogo ; on est pas sur la qualité de Getty, mais ici, c’est gratuit !
Graphic Burger
http://graphicburger.com/
Ressources variées…Une bibliothèque d’une très grande qualité et variété
Recueil des plus beaux logos
http://www.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
FONTE ET TYPOGRAPHIE
Font squirrel
http://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
http://www.fontconverter.org/
Convertisseur de font en ligne ; sobre et efficace
Typespiration
Combiner vos fontes et vos couleurs
http://typespiration.com/
Fonty
Testez vos fontes en ligne
https://fonty.dizoo.bg/
Transfonter
Générateur @font-face
https://transfonter.org/
GÉRER LA QUALITÉ DE VOTRE SITE
Opquast
http://reporting.opquast.com/
Découvert à la WIA#09, un programme ambitieux : qualité et accessibilité de vos sites Web
HubSpot’s Marketing Grader
http://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
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
Dreamhosts
webftp.dreamhost.com/
Navigateur en ligne…Pratique lorsque le client de ne dispose pas de Filezilla installé
OUTILS POUR VOTRE SITE
Robots.txt Checker
http://tool.motoricerca.info/
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
http://moz.com/learn/seo/
http://www.seomix.fr/robots-
A ce propos, SeoMix est une mine d’information à consulter
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,
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 : Avril 2021
J’ai développé une petite application pour tester les chartes graphiques https://wd26.fr/realisations/charte-graphique. Si ça peut aider quelqu’un, je vous en fait profiter. Pour entrer vos couleurs, cliquez sur le chevron à droite ;)
Sympa ce petit outil, ça peut-être utile. Merci ;-)