Outils sur mon ordinateur

• Le moteur de site web statique Hugo qui génère le site web
• Git pour gérer le code et le contenu
• IDEs : Atom et WebStorm
• Un éditeur markdown, actuellement iaWriter
• Inkscape et Adobe Illustrator pour éditer et vectoriser les images SVG.

Outils de construction web

• Real Favicon Generator, un générateur génial pour créer les favicons de votre site web
• indiewebify.me le guide pour avancer sur l’IndieWeb
• google-webfonts-helper est un outil utilse qui organise une Fonte Google et son code CSS pour l’auto-héberger facilement
• Les tests Can I use si une fonctionnalité HTML, CSS, JS est supportée par les navigateurs les plus communs
• CSS Lint sait trouver les erreurs dans le code CSS

Vitesse du site web et tests de qualité :

• Varvy : differents tests pour le SEO, la vitesse, le mobile et plein de suggestions pour accélérer votre site web
• Google PageSpeed Insights
• Pingdom Tools
• GTmetrix
• Web bloat score calculator compare la taille de votre site web avec une capture-écran. Si l’image a une taille plus petite que le code, le site web est surchargé.

Compression et minimisation

• CSS Compressor peut minimiser facilement votre CSS
• Inline SVG Optimizer pour optimiser les images SVG
  

HTTPS et sécurité

• SSLlabs.com est le test à faire pour vérifier votre certificat SSL/TLS
• Securityheaders.io vous enseigne comment améliorer les headers HTTP pour gagner en sécurité.

Hébergement et déploiement

• Netlify pour le CDN, le déploiement conte-inu, l’install https en un clic et l’interface d’admin.

Code tiers

• Le thème Beautiful Hugo construit par halogenica
• Les icônes de font-awesome