Publié le : 27 octobre 2025
Le mois dernier, nous avons lancé le hackathon Baseline Tooling, en vous invitant à créer les outils les plus innovants et les plus utiles pour aider les développeurs à adopter des fonctionnalités Web plus modernes. Lorsque le compte à rebours s'est arrêté, près de 3 000 développeurs avaient répondu à l'appel et soumis des centaines de projets. Nous avons reçu de nombreuses vidéos originales, innovantes et divertissantes, mais seulement trois d'entre elles peuvent remporter une partie des 10 000 $mis en jeu. Après mûre réflexion, nous, les juges, avons enfin choisi nos gagnants.
🥇 La première place revient à eslint-plugin-baseline-js, soumis par Ryuya Hasegawa !
Il s'agit d'un plug-in ESLint qui vérifie l'état de référence des fonctionnalités JavaScript et signale tout ce qui est plus récent que la cible de référence que vous avez configurée. Il fonctionne dans les environnements JavaScript et TypeScript, et couvre des centaines de fonctionnalités.
Ce qui nous a vraiment marqué dans cette proposition, c'est son utilité, c'est-à-dire la probabilité qu'un développeur moyen commence réellement à utiliser cet outil et à en tirer parti. Il s'intègre parfaitement à l'écosystème ESLint en complétant les outils existants tels que ESLint pour CSS, officiellement pris en charge, et le plug-in communautaire HTML ESLint. Grâce à ses options de configuration familières pour les cibles de référence, comme "Nouvellement disponible", "Largement disponible" et "Années de référence", vous bénéficierez d'une expérience cohérente dans l'ensemble de votre code. Pour vous aider à démarrer rapidement, il est également fourni avec une documentation de haute qualité, y compris des instructions d'installation, des bonnes pratiques et des exemples.
En arrière-plan, le plug-in se synchronise avec l'ensemble de données web-features comme source fiable pour la compatibilité des fonctionnalités Web. Pour détecter ces fonctionnalités dans le code source, le plug-in s'intègre à ESLint Core et eslint-plugin-es-x, plutôt que de s'appuyer sur des expressions régulières fragiles. Il est également compatible avec l'analyseur typescript-eslint, qui peut détecter les fonctionnalités de manière beaucoup plus fiable.
Dans l'ensemble, il s'agit d'un outil très innovant et utile qui mérite le premier prix. Nous vous encourageons à l'essayer. Si vous souhaitez examiner le code source ou signaler un problème, vous le trouverez sur GitHub à l'adresse 3ru/eslint-plugin-baseline-js.
🥈 La deuxième place revient à baseline-mcp, soumis par Technickel Dev !
Il s'agit d'un serveur MCP qui fournit des workflows de développement basés sur l'IA avec des informations précises sur la compatibilité des fonctionnalités Web et leur état de référence.
L'IA est devenue omniprésente dans le développement Web. C'est pourquoi des outils comme celui-ci sont de plus en plus importants pour orienter les agents vers la génération de code plus moderne. Ce projet répond bien à ce besoin en fournissant aux agents plusieurs outils MCP utiles pour répondre à diverses questions sur les fonctionnalités Web, basés sur les données web-features fiables. En plus d'effectuer des tâches répétitives comme rechercher l'état de référence pour un ID de fonctionnalité donné, il peut également effectuer des tâches logiques comme déterminer l'ID de fonctionnalité correct en fonction du contexte et suggérer des alternatives modernes pour les fonctionnalités Web obsolètes.
Essayez-le dans la démonstration du client Web et consultez le dépôt GitHub pour obtenir des instructions d'installation, des méthodes d'interaction avec le serveur et le code source.
🥉 La troisième place revient à Baseline Status for Video, soumis par Zoran Jambor !
Il s'agit d'une application Web permettant de générer des widgets de référence intégrés dans des vidéos.
Le rôle de Baseline est de fournir des informations claires sur la compatibilité des fonctionnalités Web avec les navigateurs. Vous pouvez vous y référer dans les articles MDN, la documentation caniuse et les IDE tels que VS Code et WebStorm. Mais les développeurs obtiennent également des informations sur les fonctionnalités Web ailleurs, comme sur YouTube. Ce projet permet aux créateurs de vidéos et aux influenceurs Web de générer plus facilement des informations de référence pour une fonctionnalité de manière personnalisable et adaptée aux vidéos. Étant donné l'énorme portée de certains des influenceurs Web les plus populaires, nous sommes ravis du potentiel de cet outil pour faire connaître Baseline à un nombre beaucoup plus important de développeurs.
Cet outil est optimisé par le composant Web <baseline-status>, qui utilise l'API Web Platform Dashboard pour obtenir l'état de référence et les détails d'implémentation du navigateur pour tout ID de fonctionnalité que vous saisissez. L'application enregistre l'animation du widget sur un fond uni, qui peut être supprimé dans un logiciel de montage.
Essayez l'application Baseline Status for Video ou parcourez le code source sur GitHub.
Félicitations à tous les gagnants ! Nous tenons également à remercier tous ceux qui ont envoyé un projet et répondu à l'enquête. Nous vous remercions pour le temps et les efforts que vous avez consacrés à vos projets créatifs et inspirants. Les 10 gagnants du prix "Commentaires les plus utiles" ont tous été informés. Dans l'ensemble, nous avons reçu tellement de suggestions utiles et concrètes que nous allons les transmettre aux équipes concernées pour améliorer encore Baseline.