Un éditeur Markdown collaboratif en temps réel, avec versioning Git, support des diagrammes et export PDF.
Nerd Survival Kit
Outils en ligne, SaaS et services utiles pour développeurs et professionnels IT
99 outils disponibles
Trier
La référence pour l’inspiration web haut de gamme. Des sites primés pour leur design, leur créativité et leur expérience utilisateur. Incontournable pour la veille créative.
La plateforme d’Adobe pour les portfolios créatifs. Des projets présentés dans leur intégralité : brief, processus, résultat final. Idéal pour étudier la démarche derrière un design.
Une technique de lecture qui met en gras la première partie de chaque mot pour guider l’oeil et accélérer la lecture. Utile pour parcourir de la documentation technique rapidement.
La référence pour vérifier la compatibilité des fonctionnalités CSS, HTML et JavaScript entre navigateurs. Incontournable avant d’utiliser une propriété un peu récente.
Un outil simple qui répond à une question précise : est-ce que cet élément HTML peut contenir cet autre élément ? Utile pour écrire du HTML sémantiquement correct.
Une plateforme d’entraînement au code par défis progressifs appelés katas. Pour maintenir ses réflexes algorithmiques ou apprendre un nouveau langage par la pratique.
Context7 injecte la documentation à jour dans vos prompts IA pour éviter les hallucinations sur les APIs récentes. Présentation, retour d’usage et alternatives comparées.
Des défis CSS où l’objectif est de reproduire une cible visuelle avec le moins de code possible. Un excellent terrain d’entraînement pour maîtriser CSS en profondeur.
Un jeu interactif pour apprendre les sélecteurs CSS en sélectionnant des plats sur une table. 32 niveaux qui couvrent tous les sélecteurs, des plus simples aux plus avancés.
Un jeu interactif pour apprendre CSS Grid en arrosant des carottes. 28 niveaux progressifs qui couvrent toutes les propriétés essentielles de Grid Layout.
Le site de référence sur CSS : guides, astuces, almanac des propriétés et articles approfondis sur le front-end. Une ressource que tous les développeurs web ont visitée un jour.
La plateforme de référence pour partager et découvrir du travail de design : interfaces, illustrations, animations, branding. Une mine d’inspiration pour les projets UI.
Un jeu interactif pour apprendre Flexbox en guidant des grenouilles vers leurs nénuphars. 24 niveaux progressifs qui couvrent toutes les propriétés Flexbox essentielles.
Un générateur de combinaisons de polices basé sur l’apprentissage automatique. Tu ajustes le niveau de contraste entre les fontes, il trouve les associations qui fonctionnent.
Une marketplace d’icônes, illustrations, animations Lottie et assets 3D. Des millions de ressources disponibles avec une bonne cohérence de style au sein de chaque pack.
Une collection de tutoriels UI en français avec du HTML/CSS pur. Des composants concrets à reproduire, expliqués simplement, sans framework.
Un visualiseur interactif de la boucle d’événements JavaScript. Tu écris du code, tu le lances pas à pas, et tu vois exactement comment la call stack, la task queue et la microtask queue se comportent.
Un générateur de logos placeholder pour les maquettes et prototypes. Des logos SVG neutres et professionnels à copier-coller directement dans ses designs.
Le générateur de texte Lorem Ipsum de référence. Texte factice classique ou alternatif pour remplir les maquettes et tester les mises en page sans contenu réel.
Un outil de design et prototypage open-source, auto-hébergeable, et compatible avec les standards SVG. L’alternative libre à Figma, développée par Taiga.
L’enquête annuelle de Stack Overflow sur les technologies, salaires et pratiques des développeurs. La référence pour mesurer les tendances du secteur tech.
Une communauté où les équipes partagent leur stack technologique. Utile pour découvrir ce qu’utilisent les startups et entreprises du secteur, et comparer les outils.
Un jeu de mots multijoueur en temps réel. Simple, rapide, addictif. Pour les pauses entre deux sessions de code.
Illustrations surréalistes et abstraites pour les projets qui veulent sortir du lot. Un style artistique unique, à mille lieues des illustrations SaaS génériques.
Illustrations personnalisables par des artistes indépendants. Mix and match de personnages et d’éléments, avec une diversité de représentation rare dans les bibliothèques classiques.
Police monospace de Microsoft avec ligatures de programmation et glyphes Powerline, incluse par défaut dans Windows Terminal.
Le générateur de palettes de couleurs le plus utilisé par les designers. Génération aléatoire, ajustement manuel, export vers tous les formats.
Éditeur visuel de gradients CSS. Crée des dégradés linéaires, radiaux et coniques avec une interface glisser-déposer et récupère le code CSS en temps réel.
Une des plus grandes bibliothèques de polices gratuites et décoratives, téléchargeables librement pour un usage personnel.
La référence open-source pour les icônes de technologies de développement. Plus de 450 icônes de langages, frameworks et outils, disponibles en SVG et en font icon.
Générateur d’avatars par API. Choisis un style (pixel art, lorelei, notionists…) et génère des avatars uniques et déterministes via une simple URL.
Illustrations SVG et PNG de haute qualité, en styles flat et dessin à la main. Collections thématiques cohérentes, avec une sélection gratuite conséquente.
Éditeur de schémas de base de données visuel et collaboratif : modélisez vos tables, relations et clés étrangères avec un diagramme ERD.
Génération de voix IA ultra-réalistes : text-to-speech, clonage de voix et doublage automatique en plus de 30 langues.
L’encyclopédie de référence des emojis Unicode. Retrouve la signification, l’historique et le rendu de chaque emoji selon les plateformes (Apple, Google, Samsung, Microsoft…).
Bibliothèque open-source de drapeaux de pays en SVG et CSS. Simple à intégrer dans n’importe quel projet web qui gère plusieurs langues ou zones géographiques.
La bibliothèque d’icônes la plus utilisée du web. Des milliers d’icônes en CSS, SVG et police de caractères, disponibles pour tous types de projets.
Bibliothèque de polices gratuites et libres de droits pour usage commercial, avec un générateur de webfonts intégré.
Génère des badges stylisés et souvent humoristiques pour les README GitHub. Du classique ‘Made with ❤️’ au sérieux ‘Works on my machine’.
Plateforme de ressources créatives : vecteurs, photos, PSD, icônes et templates. L’une des plus grandes bibliothèques de ressources graphiques du web.
Bibliothèque de polices open source hébergées par Google. Intégration rapide en CSS ou téléchargement gratuit pour tous tes projets web.
La bibliothèque officielle d’icônes Material Design de Google. Plus de 2600 icônes en 5 styles, disponibles en SVG, PNG et police de caractères.
Galerie de gradients CSS créatifs et complexes. Des effets de dégradés avancés (côniques, en spirale, rayonnants) difficilement reproductibles à la main.
Des palettes de couleurs présentées directement dans un contexte de vrai site web. Idéal pour visualiser comment les couleurs fonctionnent ensemble en situation réelle.
Collection de patterns SVG répétitifs par l’équipe Tailwind CSS. Personnalisables en couleur et opacité, intégrables en une ligne de CSS.
Système d’illustrations de personnages humains modulaires. Mix and match de têtes, corps, vêtements et poses pour créer des scènes uniques et diversifiées.
Outil de création de polices d’icônes personnalisées. Sélectionne uniquement les icônes dont tu as besoin, génère une font icon ou des SVG optimisés - sans le poids inutile.
Icônes, illustrations, photos et outils de design IA réunis sur une même plateforme. Un écosystème créatif complet pour designers et développeurs.
Illustrations avec des dégradés de couleurs vifs et des personnages stylisés. Un style moderne et coloré, créé par Creative Tim.
Outil IA de génération de palettes qui apprend de tes préférences personnelles. Tu sélectionnes 50 couleurs que tu aimes, et l’algorithme génère des combinaisons sur mesure.
La référence mondiale pour les tendances et l’inspiration en logo design. Base de données de plus de 400 000 logos professionnels.
Galerie d’inspiration logo design : des milliers de créations de designers du monde entier, classées par style et secteur.
Génère des arrière-plans et patterns graphiques personnalisables pour les projets web. Formes géométriques, grilles, vagues - exportables en SVG ou CSS.
Génère des palettes de dégradés à partir d’une couleur de base. Des dizaines de variations de gradients CSS exportables en une seule page.
Bibliothèque de sons instantanés et d’effets sonores : mèmes audio, répliques cultes et bruitages en un clic.
Des polices de programmation enrichies avec plus de 3600 icônes : Font Awesome, Devicons, Material Design Icons et bien d’autres.
Outil de sitemap visuel et de wireframe rapide pour planifier l’architecture d’un site ou d’une application.
Outil de création de palettes basé sur les règles d’harmonie des couleurs. Monochromatique, complémentaire, triadique - avec prévisualisation sur des éléments UI réels.
Générateur de patterns CSS répétitifs. Des motifs géométriques personnalisables en couleur, taille et espacement - avec le code CSS prêt à copier.
Créateur de patterns en mosaïque à partir d’icônes SVG. Compose des fonds répétitifs originaux en combinant et colorisant des formes vectorielles.
Plateforme de médias libres de droits : photos, vidéos, illustrations, vecteurs et musiques. La plus complète des plateformes gratuites en termes de types de contenus.
Générateur d’images placeholder par URL. Spécifie dimensions, couleurs et texte dans l’URL et obtiens une image placeholder instantanée pour tes maquettes.
Outil de découverte de combinaisons de couleurs peu utilisées. Idéal pour sortir des palettes communes et trouver des associations inattendues mais cohérentes.
API gratuite qui génère des profils utilisateurs aléatoires mais réalistes : nom, email, photo, adresse, date de naissance. Idéal pour peupler les apps de démo.
Showcase de logos adaptatifs de grandes marques : comment les logos se simplifient selon la taille d’affichage.
Créez des présentations HTML/Markdown versionables avec Git, sans PowerPoint. Syntax highlighting, mode présentateur, export PDF. Alternatives comparées : Marp, Slidev.
Génère des badges de compétences techniques pour les README GitHub via une simple URL. Pas d’installation, des icônes colorées et cohérentes en un clic.
Compresse et convertis tes images directement dans le navigateur. WebP, AVIF, MozJPEG - tout sans aucun upload vers un serveur externe.
Illustrations SVG animées personnalisables, libres de droits. Des scènes entières avec personnages, disponibles en plusieurs styles et éditables en couleur.
Bibliothèque classique de textures et patterns discrets pour les fonds web. Des motifs subtils qui ajoutent de la profondeur sans dominer le contenu.
Bibliothèque de fonds SVG répétitifs, personnalisables en couleur. Des dizaines de patterns vectoriels prêts à l’emploi avec le code CSS en une ligne.
Le plus grand catalogue de SVG gratuits : plus de 500 000 icônes et illustrations vectorielles téléchargeables sans attribution dans la plupart des cas.
Collection d’icônes SVG dédiées aux technologies, frameworks et outils du développement web. Idéal pour les portfolios, les README et les slides techniques.
Une immense collection collaborative d’icônes et de pictogrammes minimalistes, créés par des designers du monde entier. Plus de 5 millions d’icônes disponibles.
Génère un portrait photo-réaliste d’une personne qui n’existe pas, à chaque rechargement de page. Propulsé par StyleGAN2.
Collection de photos de visages pour les maquettes et prototypes UI. Filtrables par genre, âge et émotion pour des données de démo réalistes.
La référence des illustrations SVG open-source. Des centaines d’illustrations vectorielles personnalisables en couleur, cohérentes visuellement et libres de droits.
La référence des photos libres de droits haute résolution. Des milliers de contributeurs, une qualité photographique généralement excellente, et une API gratuite.
Collection de logos SVG de marques et technologies populaires. Idéal pour les slides, documentations et portfolios qui nécessitent des logos propres et vectoriels.
Bibliothèque de logos de marques en SVG, téléchargeables gratuitement et prêts à l’emploi pour vos projets.
Un prompt de terminal minimaliste, ultra-rapide et configurable à l’infini. Compatible avec tous les shells et tous les OS.
Un environnement de live coding musical dans le navigateur. Tu écris du code JavaScript, ça joue de la musique en temps réel.
Un tableau blanc collaboratif open-source au style dessin à la main. Parfait pour les schémas d’architecture, les wireframes et les diagrammes techniques.
Alternative RVB | Créez des diagrammes et schémas directement dans du texte Markdown - sans aucun outil graphique.