Device Posture e Viewport Segments in Safari 27.1: progettare per una cerniera
Che cosa offrono le due API per i dispositivi pieghevoli, come si usano oggi dietro feature flag e perché conviene trattarle come miglioramento progressivo.
3 minNews e prodotti digitali.
Approfondimenti su web design, front-end e nuove tecnologie.
25 approfondimenti, l'ultimo del 26 ottobre 2026
In primo piano
Design e codice sincronizzati con Paper MCP e Claude Code: cosa insegna il caso Paper Shaders
Un making-of di Codrops mostra un flusso a due direzioni tra strumento di design e codice, e un modo di applicare shader WebGPU agli elementi della pagina.
4 minAI nel lavoro UX: il sondaggio NN/g mostra dove si risparmia tempo e dove no
Cosa dicono 521 professionisti sull'uso quotidiano dell'AI, e perché il tempo risparmiato sul singolo compito non basta a giudicare il lavoro.
5 minOttobre 2026
CSS random(): cosa puoi fare oggi senza JavaScript e dove serve ancora un fallback
Sintassi, chiavi di condivisione, stato del supporto e un pattern con @supports per usare la funzione senza dipendere da un solo browser.
4 minReduced motion negli effetti WebGL e GSAP: cosa insegnano quattro casi Codrops
Quattro making-of di Codrops messi a confronto sul modo di trattare il movimento ridotto, e cosa portarne nei propri siti animati.
4 minUtenti sintetici nella ricerca UX: cosa mostra lo studio NN/g e quando usarli
Il confronto di NN/g tra 604 professionisti e 120 utenti sintetici: cosa è emerso, quali limiti ha e quando ha senso usarli.
4 minClaude Design: come costruire una landing page partendo da un prompt pronto
Cosa fa Claude Design, come funziona il flusso con i template di prompt mostrato in un reel di vibe coding e cosa controllare prima di pubblicare
5 minGraphify per Claude Code: come funziona il grafo che riduce i token letti
Cos'è, come si installa e cosa dicono i numeri dichiarati dal progetto, a partire da un reel Instagram che promette di tagliare i token fino al 70%
7 minAnimare l'altezza automatica in CSS: cosa puoi fare oggi con interpolate-size
Sintassi, supporto, limiti e fallback di una proprietà che sostituisce uno dei workaround più diffusi del front-end.
4 minContext library per agenti AI: come organizzare i file di contesto di un progetto
Cosa emerge dallo studio di Nielsen Norman Group sugli utenti esperti di Claude e come tradurlo in un repository front-end.
5 minClaude Code mods: cosa sono e come cambiano comportamento e interfaccia dell'agente
Dal 1° ottobre 2026 Claude Code si può estendere dall'interno con funzioni JavaScript e TypeScript. Cosa può fare un mod, in cosa si distingue da hook, skill e server MCP, e cosa controllare prima di installarne uno.
9 minalpha(), progress() e light-dark() per le immagini: cosa puoi togliere dal tuo CSS
Il riepilogo di settembre di web.dev mette tra le novità Baseline tre funzioni che toccano token, temi e fluidità. Cosa sostituiscono, dove si fermano e come usarle senza lasciare indietro i browser meno recenti.
5 minAnimazioni Lottie: cosa sono, come funzionano e dove vengono usate
Un formato nato come plugin di After Effects e diventato uno standard aperto: come si crea un file Lottie, come si inserisce in una pagina web, cosa non supporta e quali prodotti lo usano, da Telegram a Windows.
10 minBig ball of mud: perché i sistemi costruiti con agenti AI diventano fragili
Nielsen Norman Group applica un vecchio anti-pattern del software ai sistemi basati su agenti. Cinque schemi per riconoscerlo e una domanda per capire quando conviene ricostruire.
4 minFigma Motion: stili di animazione condivisi ed export Lottie, cosa cambia per un design system
L'aggiornamento del 30 settembre porta il motion nelle librerie di Figma e ne facilita l'uscita verso il codice. Cosa fa, quali limiti dichiara Figma e cosa verificare prima di affidargli le animazioni di un prodotto.
4 minReal-ESRGAN: ingrandire e ripristinare immagini in locale con un modello open source
Come ricostruisce i dettagli, quali modelli offre e come si usa con Upscayl, da riga di comando o con Python, con i limiti da conoscere prima di ingrandire una foto.
7 minPlugin per Claude Code: sei estensioni gratuite e come funzionano
Memoria tra le sessioni, ricerca di skill, documenti Office e PDF, consumi, configurazione del progetto e un flusso di sviluppo strutturato: cosa fa ciascuna estensione, come si installa e cosa verificare prima.
8 minSettembre 2026
Dichiarare l'uso dell'AI in un prodotto digitale: come decidere con il framework PACED
Le persone dicono di volere trasparenza, ma spesso giudicano peggio chi la offre. Nielsen Norman Group propone cinque fattori per scegliere caso per caso.
4 minSelect personalizzabile con CSS: cosa si può usare oggi in produzione
Con Safari 27.0 il supporto arriva anche su Safari, dopo Chrome. Restano da valutare Firefox, i framework e un paio di regole di accessibilità.
4 minWeave tools in Figma Design: gli strumenti AI entrano nel file
Cosa sono, chi può usarli, cosa cambia con la pubblicazione della community e cosa controllare prima di adottarli in un team.
3 minPerché una sola domanda a ChatGPT non basta per sapere se il tuo sito è visibile
Confrontare il posizionamento su Google con le citazioni nei motori di risposta AI è possibile oggi, ma il problema vero è statistico prima che tecnico
5 minClaude Code e risultati generici: quattro plugin per configurarlo meglio
Impeccable, 21st.dev MCP, Humanizer e claude-code-setup: cosa fanno, come si installano e quali limiti hanno
5 minCosa capisce un'intelligenza artificiale del tuo sito web
Un caso concreto mostra la distanza tra intenzione visiva e informazione dichiarata, e perché i dati strutturati non bastano a colmarla
6 mincorner-shape, la proprietà CSS che decide la forma degli angoli
Cosa cambia rispetto a border-radius e clip-path, e a quali condizioni conviene usarla oggi
5 minL'interfaccia a intento: cosa cambia per chi progetta prodotti digitali
Tra il superamento del pulsante, i test con prototipi AI e il meccanismo tecnico della "generative UI": una lettura critica di cosa è già reale oggi e cosa resta da verificare
6 min