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
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

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

mozSEO

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

Internet Marketing Ninjas
http://blog.kissmetrics.com/6-indispensable-seo-tools/
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/

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
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.0to255.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

MockupPOUR 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

font squirrelFONTE 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/

opquastGÉ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

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
http://tool.motoricerca.info/robots-checker.phtml
Test votre fichier robot. Pas beau mais efficace

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

Si vous ne disposez pas encore de fichier robots.txt, vous pouvez consulter
http://moz.com/learn/seo/robotstxt (EN)
http://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,

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 : Avril 2021

2 réponses

Ajouter un commentaire

Rejoindre la discussion?
N'hésitez pas à contribuer !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *