HTML

Générateurs de Code HTML :

Favicon Generator : Génère toutes les icônes et fournit le code HTML complet.
Minifier.org : Minifie le code HTML pour le rendre plus léger.
HTML Entities Converter : Convertit le texte en entités HTML.
OpenGraph Preview : Prévisualise les balises meta pour les réseaux sociaux.

Unicode et emoji pour du texte :

charactercodes.net : Collection d'unicode et d'emoji pour les insérer dans du texte
symbolcopy.com : Collection de symbole et d'emoji pour les insérer dans du texte

Générateurs de Code avec IA :

GitHub Copilot : Suggestions de code contextuelles basées sur l’IA.
Replit Ghostwriter : Génération de code intégrée dans l’éditeur en ligne.
Codeium : Alternative gratuite à Copilot pour générer du code.
Tabnine : Complétions de code basées sur l’IA.
Toolify.ai : Liste d’IA gratuites pour générer ou assister le code.
Google Stitch : Génération de code et d’automatisations via IA.

CSS

Générateurs de Code CSS :

neumorphism.io : Permet de créer des ombres
CSS Type Set : Permet de personnaliser visuellement la mise en forme d’un texte
CSS3 Maker : Générateur de bords arrondis, ombres, dégradés et opacité
CSSGradient.io : Générateur moderne de dégradés « linear » et « radial »
CSS Load : Générateur d’icônes de chargement animées
CSS Arrow Please : Générateur de box avec flèche directionnelle personnalisable
CSS Warp : Déformation manuelle de texte selon une courbe ou un cercle
TableConvert : Générateur moderne de tableaux HTML personnalisés
CSS Ribbon Generator : Générateur de « rubans » ou entêtes de pages web
UI Glass Button Generator : Générateur moderne de boutons CSS personnalisés

Animista : Création d’animations CSS avec interface visuelle
Animate.css : Bibliothèque de classes CSS pour animations simples
Hover Effects : Effets modernes au survol pour vos éléments
Keyframes.app : Création d’animations CSS via interface visuelle

Générateurs de Layout CSS :

CSS Grid Generator : Générateur interactif de grilles CSS
CSS Portal Generator : Ressources, outils et générateurs CSS
CSS Layout Generator : Création de layouts fixes ou fluides

Outils de Conception :

Mockflow : Pour créer des graphiques et des designs
Canva : Pour créer des graphiques et des designs
Figma : Pour créer des interfaces et des maquettes
Excalidraw : Pour réaliser des schémas et wireframes rapidement
Uizard : Pour générer des maquettes grâce à l’IA
Tldraw : Pour dessiner des schémas simples et rapides

Sites d’Inspiration :

brandingstyleguides : Inspiration, visuels de sites, logos et chartes graphiques
Wix : Pour créer des sites et s'inspirer de designs
freefrontend : Recueil de codes open source pour s'inspirer
Dribbble : Plateforme où les designers partagent leurs travaux
Pinterest : Découvrir des idées de design et les tendances actuelles
uiverse.io : Composants UI open source pour s’inspirer
Awwwards : Sélection des meilleurs sites web modernes
Behance : Portfolios professionnels en design et UI
Mobbin : Bibliothèque d’interfaces réelles pour s’inspirer
Landbook : Galerie de landing pages modernes
Lapa Ninja : Inspiration de pages web et UI modernes
Collect UI : Composants UI classés par catégories

Polices et Typographie :

Google Fonts : Une vaste collection de polices gratuites et open-source
Font Awesome : Une bibliothèque d’icônes vectorielles et de polices
Fontshare : Polices modernes gratuites à télécharger
Unicode Table : Explorer les caractères, symboles et glyphes Unicode
Fontjoy : Générateur d’associations de polices via IA

Images Open Source :

Pixabay : Plus d’un million d’images libres de droits et gratuites
Unsplash : Des photos de haute qualité gratuites pour usage personnel et commercial
Pexels : Une vaste collection de photos et vidéos gratuites
Openverse : Une bibliothèque d’images, audio et autres médias sous licence ouverte
Kaboompics : Photos modernes et esthétiques libres de droits
Life of Pix : Photos artistiques HD gratuites et sans copyright

Choix de couleur :

HTML color code : Pour choisir une couleur avec leurs codes hexadécimaux, valeurs RVB et autres attributs
Coolors : Générateur moderne de palettes de couleurs
Color Hunt : Collections de palettes tendances et modernes
Happy Hues : Palettes avec exemples d’utilisation dans une interface
Khroma : Générateur de palettes basé sur l’IA
colorkit.co : Pour générer des palettes

Autres générateurs CSS et outils visuels :

fffuel : Création de backgrounds, palettes, SVG, 3D, etc
softr.io : Collection d’outils pour créer et modifier des visuels
spline : Outil de création 3D
css-generators.com : Collection de générateurs CSS
csswand.dev : Copier-coller des codes CSS de boutons
getwaves.io : Création de vagues colorées
accordionslider.com : Générateur de sliders
scrollbar.app : Création de designs de scrollbar
Haikei : Générateur de formes SVG, waves, blobs et backgrounds
Blobmaker : Générateur de blobs SVG
Patternpad : Générateur de motifs SVG personnalisables
SVG Wave : Générateur de vagues SVG
UI Glass Generator : Générateur d’effets glassmorphism

Generator multiple :

cssgenerator.org : Generator CSS en tout genre
jenniferbourn.com : CSS tools en tout genre
hype4.academy : CSS tools en tout genre
uidev.tools : Collection moderne d’outils CSS et front-end

Gradient en tout genre :

coolors.co : Bibliothèque de gradients
colorgradient.dev : Bibliothèque et création de gradients
joshwcomeau : Création de gradients

Icon et SVG :

Flaticon : Bibliothèque d’icônes vectorielles et stickers
css.gg : Icônes SVG modernes et open source
SVG Repo : Grande bibliothèque d’icônes SVG libres
Lucide Icons : Icônes SVG modernes et open source
Tabler Icons : Icônes SVG élégantes pour interfaces modernes
Heroicons : Icônes SVG utilisées dans Tailwind

Vectorisation PNG en SVG :

PNG2SVG : Transformer des fichiers PNG en SVG
SVGTrace : Vectoriser des images PNG en SVG
Convertio : Convertir des PNG en SVG avec une interface moderne
Vectorizer AI : Vectorisation PNG en SVG assistée par IA
Vector Magic : Vectorisation précise de PNG en SVG

Convertisseurs vers WebP :

Convertio : Convertir des images en WebP facilement
CloudConvert : Conversion WebP fiable avec options avancées
Squoosh : Optimisation WebP avec aperçu en temps réel

Outils de compression et Optimisation d’Images :

TinyPNG : Pour compresser les images PNG et JPEG sans perte de qualité
SVGOMG : Un outil pour optimiser les fichiers SVG

Outils de Design et Prototypage :

Photoshop : Logiciel de retouche, de traitement et de dessin assisté par ordinateur
Illustrator : Logiciel de création graphique vectorielle
Adobe XD : Pour le design et le prototypage d’interfaces utilisateur
Blender : Logiciel Open Source de création 3D
Sketch : Un outil de design vectoriel pour les interfaces utilisateur
SketchBook Pro : Un outil de DAO

JAVASCRIPT

Extensions de Navigateur pour JS :

React Developer Tools : Pour déboguer les applications React
Redux DevTools : Pour déboguer les applications utilisant Redux
Vue.js Devtools : Pour inspecter et déboguer les applications Vue
Svelte Devtools : Pour analyser les composants et stores Svelte
Angular DevTools : Pour profiler et optimiser les applications Angular

Outils de test :

Jest : Framework de test unitaire JavaScript
Mocha : Framework de test unitaire JS pour navigateur et Node.js
Vitest : Alternative moderne et rapide à Jest
Cypress : Tests end‑to‑end dans un vrai navigateur
Playwright : Tests E2E multi‑navigateurs modernes

Autres Outils Utiles :

Npm : Un gestionnaire de paquets pour JavaScript
Webpack : Un module bundler pour JavaScript
Node.js : Un environnement d’exécution JavaScript côté serveur
Tensorflow.js : Permet de créer et d’entraîner des modèles d’intelligence artificielle
Vite : Un bundler moderne et ultra rapide pour JS
ESLint : Analyse et correction automatique du code JavaScript
Prettier : Formateur de code pour JavaScript et TypeScript

Outils de Documentation :

Docusaurus : Un générateur de sites de documentation open-source
Swagger : Pour documenter et tester vos API
JSDoc : Générer une documentation à partir du code JavaScript
Storybook : Documenter et tester des composants UI
MkDocs : Générateur de documentation simple et rapide

Frameworks et Bibliothèques :

Bootstrap : Un framework CSS pour créer des sites web réactifs
React : Une bibliothèque JavaScript pour construire des interfaces utilisateur
Vue.js : Facilite la création d’applications web interactives
preactjs : Une alternative légère à React, idéale pour les applications nécessitant une faible empreinte
Ember : Un framework adapté aux applications web complexes
Svelte : Un framework qui compile le code en JavaScript pur au moment de la construction
Angular : Un framework signé google, complet pour la création d’applications web robustes
JQuery : Une bibliothèque JavaScript qui simplifie la manipulation du DOM et les requêtes AJAX
Semantic UI : Un framework CSS qui facilite la création d’interfaces utilisateur élégantes et responsives
Foundation : Un autre framework CSS qui offre une base solide pour la conception web
Backbone : Une bibliothèque légère qui fournit des modèles, des collections et des vues pour structurer votre application
Tailwind CSS : Une bibliothèque CSS pour construire des interfaces utilisateur
Next.js : Un framework basé sur React pour créer des applications web modernes
Nuxt : Un framework basé sur Vue pour créer des applications web performantes
Astro : Un framework moderne orienté contenu et performance
SolidJS : Une bibliothèque JavaScript ultra rapide pour interfaces réactives
Alpine.js : Un micro‑framework léger pour ajouter des interactions simples

Bibliothèques de jeux :

phaser.io : Framework de jeu open source qui facilite la création de jeux 2D
threejs : Bibliothèque 3D qui s’intègre bien avec WebGL. Elle permet de créer des environnements 3D interactifs, des modèles, des animations et des effets visuels
p5js : Bibliothèque créative qui simplifie la programmation graphique et interactive en JavaScript. Elle est idéale pour les débutants et permet de créer des animations, des visualisations et des jeux
babylonjs : Bibliothèque 3D basée sur WebGL qui permet de créer des jeux, des simulations et des expériences interactives
playcanvas : Un moteur de jeu 3D basé sur le web qui permet de créer des jeux directement dans le navigateur. Il est idéal pour les jeux légers et les expériences interactives
PixiJS : Une bibliothèque 2D rapide et performante basée sur WebGL
MelonJS : Un framework 2D simple pour créer des jeux de plateforme
Kaboom.js : Une bibliothèque moderne pour créer des jeux 2D rapidement

CÔTÉ API GRATUITE :

API de Données Météorologiques et Astronomiques :

OpenWeatherMap : Fournit des données météorologiques actuelles, des prévisions et des historiques
NASA : Fournit des données et des images de la NASA, y compris des photos de la Terre et des données sur l’espace

API de Données Alimentaires :

Open Food Facts : Donne des informations détaillées sur les aliments, y compris les ingrédients, le nutri-score, et plus

API de Données Botaniques :

Trefle.io : Fournit des informations sur les plantes, y compris les noms scientifiques, les familles, et des photos

API de Données Aéronautiques :

OpenSky : Donne des informations en temps réel sur les avions et les vols

API de Données Géographiques et de Localisation :

CountryLayer : Fournit des informations sur les pays, y compris les codes ISO, les noms, et les drapeaux
Zippopotam : Donne des informations sur les codes postaux et les localisations

API de Données de Recherche :

SerpAPI : Agrège les résultats de recherche de différents moteurs de recherche

API de Données de Films :

TheMovieDB : Fournit des informations sur les films, les séries TV, et les acteurs

API de Données de GIFs :

Giphy : Permet de rechercher et d’intégrer des GIFs animés

API de Données de Conversion :

Cloud Convert : Permet de convertir des fichiers entre différents formats

API de Données de Utilisateurs Aléatoires :

RandomUser : Génère des données de faux utilisateurs pour les tests

API de Données Animales :

CatFact : Fournit des faits aléatoires sur les chats
Dog API : Donne des images et races de chiens

API de Données Musicales :

Deezer API : Fournit des informations sur artistes, albums et pistes

API de Données de Jeux Vidéo :

RAWG : Donne des informations sur jeux vidéo, plateformes et notes

API de Données de Livres :

OpenLibrary : Donne des informations sur les livres, auteurs et éditions

API de Données de Citations :

Quotable : Fournit des citations aléatoires ou filtrées par auteur

API de Données de Blagues :

JokeAPI : Donne des blagues classées par catégories

API de Données de Couleurs :

The Color API : Fournit des palettes et informations sur les couleurs

API de Données de Pokémon :

PokeAPI : Donne des informations sur les Pokémon, attaques et types

SEO, TEST ET AUTRES

Éditeurs de Texte et IDE :

Visual Studio Code : Un éditeur de code open-source avec de nombreuses extensions.
Atom : Un éditeur léger orienté personnalisation et extensions
Sublime Text : Un éditeur rapide et minimaliste pour le développement
Brackets : Un éditeur orienté web avec aperçu en direct
Notepad++ : Un éditeur simple et rapide pour le code et les scripts
IntelliJ Community : Un IDE gratuit pour Java et projets multi-langages

Gestion de Version :

GitHub : Pour héberger et gérer vos projets de code.
GitHub Desktop : Une interface graphique pour GitHub
GitLab : Logiciel libre et open-source basé sur git
Git : Le système de gestion de versions distribué utilisé par la majorité des projets
Bitbucket : Une plateforme de gestion de code basée sur git
SourceForge : Une plateforme d’hébergement pour projets open-source
Mercurial : Un système de gestion de versions rapide et distribué

Outils de Collaboration :

Bit : Pour partager et réutiliser des composants de code
Figma : Pour le design collaboratif et le prototypage
Slack : Pour communiquer et organiser le travail en équipe
Trello : Pour gérer des projets avec un système de tableaux
Notion : Pour centraliser documents, tâches et collaboration
Discord : Pour collaborer via salons vocaux et textuels

Outils de Développement :

CodePen : Un environnement de développement en ligne pour HTML, CSS et JavaScript.
JSFiddle : Un autre outil en ligne pour tester et partager des extraits de code.
StackBlitz : Un environnement de développement en ligne rapide basé sur WebContainers
CodeSandbox : Pour créer et partager des projets JavaScript en ligne
Replit : Un IDE en ligne multi-langages avec exécution instantanée
Glitch : Pour créer rapidement des applications web collaboratives

Visualiseurs sur Écran de Téléphone :

Scrcpy : Un outil open-source pour afficher et contrôler l’écran de votre smartphone Android sur votre PC via USB
Vysor : Une application pour afficher et contrôler votre Android sur votre ordinateur.
Miracast : Pour diffuser l’écran de votre smartphone Android sur un PC compatible
AirDroid : Pour afficher et contrôler un smartphone Android via WiFi
TeamViewer : Pour accéder à distance à un appareil Android depuis un PC
ApowerMirror : Pour diffuser l’écran d’un smartphone sur PC en USB ou WiFi

Outils de Productivité :

Trello : Pour la gestion de projets et des tâches avec des tableaux Kanban.
Notion : Un outil tout-en-un pour la prise de notes, la gestion de projets, et la collaboration.
Slack : Pour la communication d’équipe et la collaboration en temps réel.
Microsoft To Do : Pour organiser des tâches simples et des listes quotidiennes
Asana : Pour gérer des projets et suivre l’avancement des équipes
MindMeister : Pour créer des cartes mentales et organiser des idées
Clockify : Pour suivre le temps passé sur vos tâches et projets

Outils de Surveillance et d’Analyse :

Google Analytics : Pour suivre et analyser le trafic de votre site web.
Hotjar : Pour comprendre le comportement des utilisateurs avec des cartes de chaleur et des enregistrements de sessions.
Matomo : Une alternative open-source pour analyser le trafic sans tracker externe
Microsoft Clarity : Pour analyser les interactions utilisateurs avec cartes de chaleur et sessions
UptimeRobot : Pour surveiller la disponibilité et les temps de réponse d’un site
GTmetrix : Pour analyser la vitesse et les performances d’un site web

Outils de Performance :

WebPageTest : Pour tester la vitesse de chargement de vos pages web.
GTmetrix : Pour analyser et optimiser les performances de vos sites web.
PageSpeed Insights : Pour analyser la vitesse et l’optimisation d’un site web
YellowLab Tools : Pour détecter les problèmes de performance et de qualité front-end
Dareboost : Pour auditer les performances et la qualité d’un site web
Web.dev Measure : Pour mesurer les Core Web Vitals et l’accessibilité

Cheat sheet :

docs.emmet.io : Liste des selecteurs pour HTML et CSS
css-faciles : Propriétés CSS par ordre alphabétique, disponible aussi par famille
learntheweb.courses : Liste des propriétées CSS pour l'animation
overapi : Liste des propriétées JS
Bootstrap cheat sheet : Liste des classes Bootstrap
Media-queries cheat sheet : Liste des media queries
PDF pseudo code JS : Pseudo code JavaScript
devhints.io : Canvas cheat sheet
devhints HTML : Rappels rapides des balises HTML
devhints CSS : Rappels rapides des propriétés CSS essentielles
overapi Git : Commandes Git essentielles
overapi React : Rappels rapides pour React
Flexbox cheat sheet : Résumé complet des propriétés Flexbox
Grid cheat sheet : Résumé complet des propriétés CSS Grid

Outils de Test :

Jest : Un framework de test JavaScript pour React et autres bibliothèques JavaScript
caniuse.com : Permet de vérifier la compatibilité des technologies web avec différents navigateurs
Selenium : Un outil open-source pour les tests automatisés des applications web
Cypress : Un outil de test end-to-end pour les applications web modernes.
Lighthouse : Un outil de Google pour auditer les performances, l’accessibilité, et les meilleures pratiques des pages web
PageSpeed Insights : Pour analyser et optimiser la vitesse des pages web.
Vitest : Un framework de test rapide et moderne compatible avec l’écosystème Vite
Playwright : Pour tester des applications web sur plusieurs navigateurs
Mocha : Un framework de test JavaScript flexible et léger
Testing Library : Pour tester les interfaces en se concentrant sur l’expérience utilisateur

Outils de Sécurité :

Snyk : Pour trouver et corriger les vulnérabilités dans vos dépendances open-source.
Dependabot : Pour automatiser les mises à jour de sécurité de vos dépendances sur GitHub.
OWASP ZAP : Un outil open‑source pour scanner les failles de sécurité des applications web
SSL Labs Test : Pour analyser la configuration SSL d’un site web
SecurityHeaders : Pour vérifier les en‑têtes de sécurité d’un site web
Have I Been Pwned : Pour vérifier si une adresse email a été compromise

Outils de Débogage :

Chrome DevTools : Pour déboguer et analyser les performances de vos applications web directement dans le navigateur.
Postman : Pour tester et déboguer vos API.
Firefox DevTools : Pour analyser le DOM, le CSS et les performances dans Firefox
MDN Inspector : Pour inspecter et comprendre le rendu CSS d’un élément
Charles Proxy : Pour analyser les requêtes réseau et déboguer les API
mitmproxy : Un proxy open‑source pour inspecter et modifier le trafic HTTP

Outils de Gestion de Données :

Firebase : Pour l’hébergement de bases de données en temps réel et l’authentification.
MongoDB Atlas : Une base de données NoSQL hébergée dans le cloud.
Supabase : Une alternative open‑source à Firebase avec base de données Postgres
Prisma : Un ORM moderne pour gérer vos bases de données facilement
Airtable : Pour organiser des données sous forme de tableaux intelligents
SQLite : Une base de données légère et embarquée pour projets locaux

Outils de Développement Mobile :

Expo : Pour développer des applications React Native rapidement.
Flutter : Un framework open-source pour créer des applications mobiles natives.
React Native : Pour créer des applications mobiles multiplateformes avec JavaScript
Android Studio : L’environnement officiel pour développer des applications Android
Apache Cordova : Pour créer des applications mobiles avec HTML, CSS et JavaScript
Ionic : Pour développer des applications hybrides avec une base web

Outils de Test d’Accessibilité et SEO :

WAVE : Un outil de WebAIM qui évalue l’accessibilité des pages web
aXe : Une extension de navigateur qui analyse les pages web pour détecter les problèmes d’accessibilité
Accessibility Checker : Un outil en ligne pour tester l’accessibilité de votre site web
Google Search Console : Pour surveiller et maintenir la présence de votre site dans les résultats de recherche Google.
Ahrefs Webmaster Tools : Pour analyser les performances SEO de votre site.
Ubersuggest : Pour analyser le SEO de votre site et obtenir des suggestions d’amélioration.
Screaming Frog SEO Spider : Un outil de crawl SEO qui analyse les URL de votre site pour détecter les problèmes SEO.
Siteimprove : Pour tester à la fois le SEO et l’accessibilité de votre site web
Silktide : Pour combiner des tests