Blog

Articoli e aggiornamenti frontend

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

Pagina 3 di 17

29 giugno 2026

Shader in Figma: potenti, immediati… ma oggi non sono (ancora) un ponte affidabile verso il browser

Figma ha introdotto gli shader applicabili ai frame: effetti visivi spettacolari con slider pronti all’uso. Nella pratica, però, emergono due limiti: la personalizzazione “mirata” di uno shader spesso ne altera il comportamento originale e la trasposizione fedele nel browser non è lineare. Vediamo perché succede, cosa aspettarsi oggi e come impostare un flusso di lavoro più solido per arrivare a un’implementazione WebGL/Canvas realmente one-to-one.

29 giugno 2026

Voice agent in app: latenza percepita, turn-taking e guardrail (senza rovinare l’esperienza)

Costruire un voice agent non è solo collegare speech-to-text, LLM e text-to-speech. I problemi veri stanno nella latenza (soprattutto quella percepita), nelle regole di turn-taking che evitano interruzioni “stupide” e nella sicurezza: guardrail in streaming o in modalità bloccante, con impatto diretto su UX e tempi di risposta. In più, un pattern utile per frontend e React Native: SDK a strati (core universale, layer React, layer React Native) e componenti UI opzionali per integrare rapidamente voice e chat.

27 giugno 2026

Un’avventura punta-e-clicca senza JavaScript: inventario, note e… radio button

È possibile realizzare un mini gioco d’avventura senza JavaScript? Sì, se accetti alcune regole: stato semplice, navigazione a step e UI costruita con HTML + CSS. In questo articolo vediamo un approccio basato su input “checked” e selettori CSS per spostare la viewport a segmenti e simulare stanze, frecce direzionali e un inventario (con oggetti come una mela o un biglietto).

26 giugno 2026

Come ragiona un hacker (e cosa cambia per chi costruisce prodotti web)

Dietro molti attacchi non c’è genialità hollywoodiana, ma una ricerca sistematica del percorso più semplice: persone manipolabili, sistemi non aggiornati, fornitori fidati compromessi. Capire il mindset di chi attacca aiuta team frontend e product a progettare flussi più robusti, riconoscere segnali di phishing e ridurre le superfici d’attacco lungo tutta la supply chain.

26 giugno 2026

Figma Motion: come costruire una micro‑animazione “da UI” (e esportarla in MP4)

Figma Motion introduce una timeline keyframe-based che permette di creare brevi animazioni e esportarle come video MP4. In questo articolo vediamo un flusso di lavoro pratico per realizzare una micro‑animazione in stile UI: progress bar, testo che “sale” mascherato, linee che si disegnano, un reveal di scena con scala/rotazione e un indicatore circolare con path trim.

26 giugno 2026

Il ciclo di QA che manca agli agenti (soprattutto su mobile): verificare davvero l’app, non solo il codice

Gli agenti di sviluppo sanno generare codice e persino scrivere test, ma spesso mancano del passaggio più importante nel mobile: confermare che ciò che “dovrebbe” funzionare nel codice funzioni davvero nell’app, sullo schermo, end‑to‑end. In questo articolo vediamo perché questo loop è critico, quali informazioni servono durante la verifica (accessibilità, screenshot, crash, log, performance) e come impostare un flusso pratico con un tool CLI pensato per dare agli agenti un’interfaccia unificata verso simulatori/emulatori, localmente e in CI.

26 giugno 2026

Smettere di “bruciare token”: il metodo agentico per usare l’AI nel coding senza perdere qualità

Molti usano l’AI per scrivere codice come se bastasse un prompt gigante per arrivare in produzione. Funziona per demo e prototipi, ma quando serve software reale emergono i limiti: contesto incompleto, scelte architetturali discutibili, regressioni silenziose. Un approccio “agentico” ribalta il paradigma: tu possiedi spec, gusto, decisioni e verifiche; l’AI esegue, esplora e accelera dentro un sistema di guardrail. In questo articolo vediamo un workflow pratico in 4 mosse: stringere lo scope, definire la verifica prima di implementare, costruire un ambiente riusabile per l’agente e procedere per checkpoint piccoli e controllabili.

25 giugno 2026

AI Skills: cosa sono e perché conviene crearle anche nei progetti frontend

Le AI skills sono un modo pratico per aggiungere capacità mirate a un agente: dal generare snippet coerenti al seguire regole di linting e design system. In questo articolo vediamo cosa sono, come funzionano a livello concettuale e come crearne una in forma minimale con un semplice file Markdown (skill.md), oltre a come richiamarle nei tool più comuni.

25 giugno 2026

Chrome DevTools 148–150: agent, AI Assistance e nuove utility per debugging e accessibilità

Panoramica delle novità introdotte tra Chrome DevTools 148–150: DevTools for Agents arriva alla 1.0 con audit Lighthouse integrati e debugging di estensioni; AI Assistance diventa più concreta con widget e accesso diretto a Lighthouse; arrivano miglioramenti per speculative loads, Network, contrasto APCA, Accessibility Tree, WebMCP e suggerimenti CSS assistiti.