Data di pubblicazione: 27 ottobre 2025
Il mese scorso abbiamo dato il via all'hackathon Baseline Tooling, invitandovi a creare i nuovi strumenti più innovativi e utili per aiutare gli sviluppatori ad adottare funzionalità web più moderne. Quando l'orologio si è fermato, quasi 3000 sviluppatori hanno risposto alla chiamata e inviato centinaia di progetti. Abbiamo ricevuto tantissimi video intelligenti, innovativi e divertenti, ma solo 3 potranno vincere la loro parte del montepremi di 10.000 $. Dopo un'attenta valutazione, i giudici hanno finalmente scelto i vincitori.
🥇 Il vincitore del primo posto è eslint-plugin-baseline-js, inviato da Ryuya Hasegawa.
Questo è un plug-in ESLint che controlla lo stato di base delle funzionalità JavaScript e segnala tutto ciò che è più recente del target di base configurato. Funziona sia in ambienti JavaScript che TypeScript e copre centinaia di funzionalità.
Ciò che ci ha colpito di più di questo invio è la sua utilità: la probabilità che uno sviluppatore medio inizi a utilizzare questo strumento e a trarne vantaggio. Si integra perfettamente nell'ecosistema ESLint completando strumenti esistenti come ESLint per CSS, supportato ufficialmente, e il plug-in della community HTML ESLint. Grazie alle opzioni di configurazione familiari per i target di base, come Disponibile di recente, Ampiamente disponibile e Anni di base, puoi aspettarti un'esperienza coerente in tutto il codice. Per aiutarti a iniziare rapidamente, include anche una documentazione di alta qualità, tra cui istruzioni di installazione, best practice ed esempi.
A livello interno, il plug-in si sincronizza con il set di dati web-features come origine di riferimento per la compatibilità delle funzionalità web. Per rilevare queste funzionalità nel codice sorgente, il plug-in si integra con ESLint core e eslint-plugin-es-x, anziché basarsi su espressioni regolari fragili. Supporta anche l'analizzatore typescript-eslint, che può rilevare le funzionalità in modo molto più affidabile.
Nel complesso, si tratta di uno strumento molto innovativo e utile che merita il primo premio. Ti invitiamo a provarlo. Se vuoi esaminare il codice sorgente o segnalare un problema, puoi trovarlo su GitHub all'indirizzo 3ru/eslint-plugin-baseline-js.
🥈 Il secondo classificato è baseline-mcp, inviato da Technickel Dev.
Si tratta di un server MCP che fornisce flussi di lavoro di sviluppo basati sull'AI con informazioni accurate sulla compatibilità delle funzionalità web e sul relativo stato di base.
È innegabile quanto l'AI sia diventata prevalente nello sviluppo web, motivo per cui strumenti come questo stanno diventando sempre più importanti per indirizzare gli agenti verso la generazione di codice più moderno. Questo progetto soddisfa bene questa esigenza fornendo agli agenti diversi strumenti MCP utili per rispondere a una serie di domande sulle funzionalità web, basate sui dati attendibili di web-features. Oltre a eseguire attività di routine come la ricerca dello stato di base per un determinato ID funzionalità, può anche eseguire attività logiche come individuare l'ID funzionalità corretto in base al contesto e suggerire alternative moderne per le funzionalità web obsolete.
Provalo nella demo del client web e consulta il repository GitHub per istruzioni di installazione, modi per interagire con il server e il codice sorgente.
🥉 Il terzo posto è stato vinto da Baseline Status for Video, inviato da Zoran Jambor.
Si tratta di un'applicazione web per generare widget di base incorporati nei video.
Il ruolo di Baseline è fornire informazioni inequivocabili sulla compatibilità del browser con le funzionalità web, a cui puoi fare riferimento negli articoli di MDN, nella documentazione di caniuse e negli IDE come VS Code e WebStorm. Tuttavia, gli sviluppatori ottengono informazioni sulle funzionalità web anche da altre fonti, come YouTube. Questo progetto consente ai creator di video e agli influencer del web di generare più facilmente informazioni di base per una funzionalità in modo personalizzabile e adatto ai video. Considerando l'enorme portata di alcuni degli influencer web più popolari, siamo entusiasti del potenziale di questo strumento per contribuire a diffondere la conoscenza di Baseline a molti altri sviluppatori.
Questo strumento è basato sul componente web <baseline-status>, che utilizza l'API Web Platform Dashboard per ottenere lo stato di Baseline e i dettagli di implementazione del browser per qualsiasi ID funzionalità inserito. L'app registra l'animazione del widget che entra ed esce su uno sfondo solido, che può essere rimosso nel software di editing.
Visita l'app Baseline Status for Video per provarla o sfoglia il codice sorgente su GitHub.
Congratulazioni a tutti i vincitori. Ringraziamo anche tutti gli altri che hanno inviato un progetto e completato il sondaggio di feedback. Apprezziamo molto il tempo e l'impegno che hai dedicato ai tuoi progetti creativi e stimolanti. I 10 vincitori del premio "Feedback più prezioso" sono stati tutti avvisati e, in generale, abbiamo ricevuto così tanti suggerimenti preziosi e attuabili che li porteremo ai team competenti per migliorare ulteriormente Baseline.