Voici un outil en ligne qui permet de créer, personnaliser et partager des thèmes pour shadcn/ui, la bibliothèque de composants React basée sur Tailwind CSS.

Si vous avez grandi avec une Game Boy entre les mains, passant des heures sur Pokémon Rouge ou Bleu, la bibliothèque CSS Pokemon GameBoy vous permet de recréer l'interface authentique des premiers jeux Pokémon directement dans vos pages Web.

Choisir les bonnes dépendances pour vos projets JavaScript peut s'avérer complexe. Comment savoir si un package est populaire, maintenu activement ou en déclin ? NPM Stats vous apporte la réponse avec des visualisations claires et instantanées.

Dans l'écosystème JavaScript, l'installation de packages npm est devenue un geste aussi naturel que quotidien pour les développeurs. Pourtant, derrière cette simplicité se cache un risque souvent sous-estimé : celui d'installer des packages malveillants ou vulnérables. C'est précisément pour répondre à cette problématique que npq a été créé.

En programmation, les bases de données, les API et les applications front-end exigent souvent des jeux de données réalistes pour les tests ou les démonstrations. Mais utiliser des données réelles est parfois risqué (vie privée, données sensibles) ou peu pratique (format, genre, volume). Les générer est souvent chronophage et fastidieux. C'est là qu'intervient l'outil que je vais vous présenter, simplifiant considérablement ce processus.

Quand on développe une application, on jongle souvent avec des configurations, des clés d'API, des secrets, etc. Ces données sensibles sont souvent stockées dans des fichiers .env. Le problème : quand on montre son écran (visio, capture, enregistrement), ces valeurs risques d'être exposé par inadvertance.

En développement web, il est courant de manipuler des données liées à des tailles de fichiers. Mais afficher 1337000 octets à vos utilisateurs n'est pas particulièrement informatif. C'est là qu'intervient cette petite lib JS qui transforme ces nombres abstraits en formats compréhensibles par tous.

Lorsque l'on développe un site Web ou une application, il est courant d'avoir besoin d'images temporaires pour tester l'affichage des pages avant d'avoir les visuels définitifs. Plutôt que de chercher des fichiers d'images aléatoires ou de créer des mockups à la main, il est généralement préconisé d'utiliser des placeholders d'images. Découvrons un nouveau venu dans ce domaine : ImagePlaceholder.dev.

Travailler avec des projets Javascript implique souvent l’exécution de scripts npm (package.json). Bien que VS Code offre une intégration native, l’extension que je vais vous présenter améliore cette expérience en simplifiant la gestion et l’exécution des commandes.

Vous le savez sans doute : la console JavaScript (console.log) est un outil essentiel pour les développeurs web. Mais saviez-vous qu’il est possible de la rendre plus lisible (ou plus fun) en y ajoutant du style CSS ? Oui, console.log peut afficher des messages colorés, agrandis, soulignés ou même encadrés, en utilisant la puissance du CSS !

Vous travaillez avec Visual Studio Code et vous vous êtes déjà demandé comment identifier rapidement les fichiers et dossiers volumineux dans votre projet ? L'extension "Tree File Size" est la solution qu'il vous faut !

Lorsque l’on manipule des API au quotidien, que ce soit pour le développement front-end, l'intégration ou encore le debug de requêtes, on se retrouve souvent face à des objets JSON plus ou moins complexes. Pour les analyser rapidement et efficacement, mieux vaut être bien outillé. C’est là qu’intervient JSON Grid, un outil en ligne pratique, ergonomique et bien pensé.