HTML

Générateurs de Code HTML :

HTML Ipsum : Génère du contenu HTML pour simuler des textes structurés (paragraphes, listes, balises, etc.)
Lorem Ipsum : Génère du texte d'impression Lorem
.htaccess Generator : Création personnalisée de les fichiers .htaccess
Minifier.org : « Nettoie » le code et le rend plus léger et performant

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 : Développé en partenariat avec OpenAI, il propose des suggestions contextuelles et des extraits de code prêts à l’emploi
toolifay.ai : Liste d'IA et de leurs utilisations
OpenAI Codex : Capable de comprendre les instructions en langage naturel et de produire du code en conséquence
Galileo AI : Génére des conceptions d’interface
Tabnine : Utilise l’IA pour suggérer des complétions de code basées sur le contexte
CodeWhisperer : Un outil d’Amazon qui aide à générer du code en fonction des commentaires et du contexte
Llama 2 : Développé par Meta, il génère des scripts de programmation

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é
Ultimate CSS Gradient Generator : Générateur 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
Compare Ninja : Service de création de tableaux comparatifs personnalisés
CSS Ribbon Generator : Générateur de « rubans » ou entêtes de pages web
Bouton CSS : Générateur de bouton CSS entièrement personnalisé et animable
Bounce.js : Générateur d’animation personnalisée

CSS Animation Generator : Un outil sur Dribbble pour créer des animations CSS facilement
Animate.css : Une bibliothèque de classes CSS pour des animations simples à intégrer.
Hover.css : Une collection d’effets pour les éléments au survol.
Keyframes.app : Un outil en ligne pour créer des animations avec une interface visuelle.
Animista : Où personnaliser et prévisualiser les animations

Générateurs de Layout CSS :

CSS Grid Generator : Un générateur de grilles interactif pour créer des layouts complexes facilement
CSS Portal Generator : Ressources, tools et generateurs CSS
CSS Layout Generator : Permet de créer des layouts fixes ou fluides avec des options pour les en-têtes, menus, pieds de page, et colonnes

Outils de Conception :

Mockflow : Pour créer des graphiques et des designs
Canva : Pour créer des graphiques et des designs

Sites d’Inspiration :

brandingstyleguides : Inspiration, visuel de site, logo etc
Wix : Pour créer des sites et s'inspirer de designs
freefrontend : Site qui recueil des codes open source pour s'inspirer
Dribbble : Une plateforme où les designers partagent leurs travaux
Pinterest : Découvrir des idées de design et les tendances actuelles.
uiverse.io : Une plateforme pour découvrir des idées de design et partager ton travail

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.

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

Choix de couleur :

HTML color code : Pour choisir une couleur avec leurs codes hexadécimaux, valeurs RVB et autres attributs
Color hex : Pour choisir une couleur avec leurs codes hexadécimaux, valeurs RVB et autres attributs
Color hexa : Pour choisir une couleur avec leurs codes hexadécimaux, valeurs RVB et autres attributs
colorkit.co : Pour générer des palettes

Visuel en tout genre :

fffluel : Création de background, palette, SVG, 3D, etc
softr.io : Collection d’outils pour créer des designs, modifier et générer des fichiers audio/vidéo, personnaliser un site Web, etc
Freepik : Collection d’outils pour créer des images et vidéos, modifier et trouver des vecteurs, icons et modèles
Nulab : Outil de création de diagrammes
spline : Outil de création 3D
css-generators.com : Collection de generator CSS
csswand.dev : Copier-coller des codes CSS de bouton
getwaves.io : Création de wave coloré
accordionslider.com : Slider generateur
scrollbar.app : Création de design de scrollbar

Generator multiple :

textstudio.com : Création de style de text
html-css-js.com : Generator CSS et HTML en tout genre
cssgenerator.org : Generator CSS en tout genre
jenniferbourn.com : CSS tools en tout genre
hype4.academy : CSS tools en tout genre
doozytools.com : Tools en tout genre

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 :

iconfinder : Bibliothèque d'Icons, stickers et illustration 3D
Flaticon : Bibliothèque d'Icons 3D, templates, illustrations vectorielles
designstripe : Bibliothèque d'illustrations et inspirations vectorielles
Flaticon : Bibliothèque d'Icon et stickers animés
Icofont : Bibliothèque d'Icon et SVG
css.gg : Bibliothèque d'Icon et SVG
Maketext : Bibliothèque de texte en SVG
Line Icons : Bibliothèque d'SVG
SVG repo : Bibliothèque d'SVG
Icons8 : Bibliothèque d'Icon et SVG

Convertisseurs PNG en SVG :

Dcpweb : Convertir des unités de tailles
FreeConvert : Convertir des images PNG en SVG avec des options avancées
PNG2SVG : Transformer des fichiers PNG en SVG
Svgtrace : Vectoriser des images PNG en SVG
Online Image Vectorizer : Vectoriser des images PNG en SVG avec des options de personnalisation

Outils de Conversion et Optimisation d’Images :

TinyPNG : Pour compresser les images PNG et JPEG sans perte de qualité
SVGOMG : Un outil pour optimiser les fichiers SVG
Convertio : Un convertisseur en ligne pour transformer des fichiers PNG en 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

Outils de test :

Jest : Framework de test unitaire JavaScript
Mocha : Framework de test unitaire JS qui s’exécute dans le navigateur et Node.js

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

Outils de Documentation :

Docusaurus : Un générateur de sites de documentation open-source
Swagger : Pour documenter et tester vos API

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

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

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

SEO, TEST ET AUTRES

Éditeurs de Texte et IDE :

Visual Studio Code : Un éditeur de code open-source avec de nombreuses extensions.

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

Outils de Collaboration :

Bit : Pour partager et réutiliser des composants de code
Figma : Pour le design collaboratif et le prototypage

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.

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

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.

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.

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.

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

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.

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.

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.

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.

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.

Outils de Collaboration :

Bitbucket : Pour héberger et gérer vos projets de code avec des fonctionnalités de CI/CD.
Jira : Pour la gestion de projets et le suivi des bugs.

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