Mes pépites du web

Les sites, outils et repos que j'utilise ou que je recommande, rangés par catégorie et par usage.

23 ressources

• ShareXNouveaugetsharex.comCapture ou filme n'importe quelle zone de l'écran et partage-la d'une touche : gratuit, open source, pour Windows.ProductivitéOutil
• HallmarkNouveaugithub.com/NutlopeUne skill de design pour Claude Code, Cursor et Codex qui refuse le look « généré par IA » : 50 thèmes, pages vérifiées au navigateur.DesignIAOutil
• Paperless-ngxNouveaugithub.com/paperless-ngxTes papiers scannés deviennent une archive où tout se retrouve : OCR, classement automatique, hébergé chez toi.ProductivitéOutil
• Mobbinmobbin.comPlus de 600 000 écrans d'apps et de sites réels, cherchables, pour voir comment les autres ont résolu le même écran.DesignS'inspirer
• Splinespline.designUn outil 3D dans le navigateur pour modéliser, animer et intégrer de la 3D interactive sur un site, à plusieurs.3D & motionOutil
• Byggausebygga.comTu tapes le nom écrit sur le carton IKEA : chaque étape de montage s'anime en 3D et se lit à voix haute.3D & motionIAOutil
• Arc UIuiarc.devDes centaines de composants et de blocs React animés, à ajouter avec la CLI shadcn ou à confier à ton agent IA.ComposantsIACode
• Squintssquints.appExtension Chrome gratuite : mesure les espacements, vérifie typo et couleurs, ralentit les animations de n'importe quel site.DesignOutil
• Three.js Journeythreejs-journey.comLe cours de Bruno Simon pour apprendre la 3D sur le web, du débutant à l’avancé : 87 leçons, 116 h de vidéo.3D & motionDevApprendre
• Coolorscoolors.coUne palette de couleurs à chaque appui sur la barre d'espace, ou des millions à parcourir.DesignOutil
• Fontsharefontshare.comDes polices de qualité, gratuites, par l'Indian Type Foundry, avec des paires toutes prêtes.DesignAssets
• 3dicons3dicons.coPlus de 1 400 icônes 3D open source, gratuites et sans attribution, même pour un projet commercial.Design3D & motionAssets
• LottieFileslottiefiles.comDes animations légères et prêtes à l’emploi pour le web, les apps et les présentations.3D & motionAssets
• Scrolltidescrolltide.coDes templates et des prompts de sites animés au scroll : tu copies, tu colles dans ton IA, le site bouge.3D & motionIACode
• audiocnaudiocn.devDes composants audio pour React et shadcn/ui : lecteurs, vumètres, potards, formes d’onde et table de mixage.ComposantsCode
• Gauge UIgauge-ui.devDes briques SVG pour construire jauges, compteurs, cadrans et horloges en React, dont tu gardes le code.ComposantsCode
• mdxcnmdxcn.devDes composants MDX dessinés en texte (étapes, timelines, tableaux, graphiques), lisibles même dans un README.ComposantsDevCode
• squigsquig.shDes wireframes faits de vrais composants dessinés comme sur une serviette : on parle structure, pas arrondis.DesignOutil
• The Iconography Encyclopediaencyclopedia.iconography.coUn guide de terrain pour dessiner des icônes : 121 notions, de la construction au sens.DesignApprendre
• Refactoring.Gururefactoring.guruLes 22 design patterns classiques, expliqués avec des schémas clairs et des exemples de code.DevApprendre
• SystemDesign.iosystemdesign.ioDe vraies questions d'entretien de system design, avec architectures, schémas et compromis détaillés.DevApprendre
• Pelepele.runUne petite librairie open source qui transforme les diagrammes Mermaid en SVG, à habiller avec des variables CSS.DevCode
• Cloudflare security-auditgithub.com/cloudflareUne skill pour agent de code signée Cloudflare : audit de sécurité en plusieurs phases, chaque faille vérifiée.IADevOutil

Rien ne correspond. Tout afficher