Blog

Articoli e aggiornamenti frontend

Un archivio semplice con note, riflessioni e contenuti pratici sul frontend.

Pagina 9 di 17

5 giugno 2026

Immagini in Markdown senza stress: figure HTML con alt e didascalia generate via AI (vincolate da JSON Schema)

La sintassi delle immagini in Markdown è facile da sbagliare e non gestisce bene le didascalie. Un approccio più robusto è trattare l’inserimento immagini come creazione di una <figure> HTML, arricchita con alt text e caption proposti da un modello AI. Il punto chiave è vincolare la risposta dell’AI con un JSON Schema (alt + caption), così da ottenere un oggetto JSON affidabile da parsare e inserire nell’editor.

4 giugno 2026

Air “imbottiglia” gli asset creativi: un workflow moderno tra approvazioni, distribuzione e AI

Air si posiziona come hub per team creativi: centralizza immagini e video, semplifica feedback e approvazioni, collega la distribuzione verso CMS e piattaforme adv e abilita la moltiplicazione degli asset con AI. In questo articolo vediamo cosa implica questa filosofia per chi costruisce prodotti frontend e perché una piattaforma di deploy moderna come Vercel diventa una scelta naturale quando vuoi iterare velocemente senza rinunciare a qualità e affidabilità.

4 giugno 2026

CSS Nesting: due trappole comuni (ampersand e specificità)

Il nesting nativo in CSS è ormai abbastanza supportato da finire in produzione. Tuttavia, ci sono due “gotcha” che possono sorprendere: l’uso dell’ampersand (&) in stile BEM (che non si comporta come in Sass/Less) e un caso meno intuitivo in cui la specificità di una selector list può “contaminare” selettori più semplici, rendendo più difficile sovrascrivere alcune regole.

4 giugno 2026

Emulare capacità dei dispositivi con Chrome DevTools (per test automatizzati guidati da agenti)

Le simulazioni di Chrome DevTools permettono di riprodurre condizioni tipiche dell’utente (posizione, dimensioni schermo, modalità chiara/scura, throttling CPU/rete) e trasformarle in test automatizzati e ripetibili. Vediamo tre scenari pratici: feature “near me”, verifica della coerenza tra navigazioni mobile/desktop e bug d’interazione che emergono solo durante l’uso.

4 giugno 2026

La prima webcam della storia? Un hack da ufficio nato per… il caffè

Nei primi anni ’90, un gruppo di ricercatori a Cambridge si stancò di fare viaggi a vuoto verso la sala break: la caffettiera era spesso già vuota. La risposta non fu un promemoria in bacheca, ma una piccola telecamera puntata sul caffè e un flusso video visualizzato sui computer. Da quell’esigenza quotidiana nacque una delle prime forme di live streaming: un feed in bianco e nero, sgranato, ma sorprendentemente anticipatore di un intero modo di usare la rete.

4 giugno 2026

Sai davvero riconoscere un’interfaccia “stonata”? Un test pratico per allenare l’occhio UI

Riconoscere una UI mediocre non è questione di gusto: spesso è l’applicazione incoerente di sei fondamentali (spaziatura, contrasto, colore, tipografia, scala, allineamento). In questo articolo trovi un metodo semplice per allenarti con esempi rapidi e capire dove guardare quando “qualcosa non torna”.

2 giugno 2026

Il tool che uso per rendere il codice “AI-generated” davvero manutenibile

Quando l’AI scrive codice, spesso lo fa funzionare… ma non sempre lo fa “bene” per chi dovrà mantenerlo. In questo articolo vediamo come individuare e ridurre duplicazioni, dead code, export inutilizzati e complessità eccessiva usando un tool gratuito da riga di comando con output leggibile anche dalle automazioni (JSON), estensione VS Code e integrazione CI.

2 giugno 2026

LaserNuke: costruire (e testare) un mini‑gioco multiplayer in Three.js senza impazzire

Un esperimento di gioco browser‑based in Three.js: una meccanica semplice ma skill‑based, multiplayer fino a 5–6 giocatori, leaderboard, chat e un pannello interno di tuning per controllare bloom, terreno e look & feel. Il lato interessante non è solo la grafica synthwave, ma tutto ciò che emerge quando smetti di testare da solo: sincronizzazione, host authority, gestione delle disconnessioni, stato bloccato e debugging in produzione.

2 giugno 2026

Modern Web Guidance in Chrome: best practice e fallback cross‑browser direttamente nei tuoi coding agent

Chrome introduce Modern Web Guidance: un pacchetto di competenze e linee guida “expert‑vetted” che codifica le best practice del web moderno e le rende consumabili dai coding agent su qualunque piattaforma AI. Due livelli di indicazioni (discipline e feature) e un punto forte: raccomandazioni e fallback cross‑browser per implementazioni più robuste.