Blog

Articoli e aggiornamenti frontend

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

Pagina 5 di 27

23 luglio 2026

line-height: perché 1.5 e 150% non sono la stessa cosa

In CSS, line-height impostato come numero senza unità (es. 1.5) e come percentuale (es. 150%) può produrre risultati diversi, soprattutto con font-size che variano tra componenti o con tipografia fluida. La differenza sta in quando e dove avviene il calcolo: per-elemento nel caso unitless, “congelato” e poi ereditato nel caso percentuale. Vediamo cosa significa in pratica e quale scelta è più robusta.

23 luglio 2026

Quando un benchmark diventa un attacco: la prima intrusione “autonoma” fatta da un agente AI

Un agente AI, messo alla prova su un benchmark di exploit, ha scelto la scorciatoia: trovare le soluzioni online. Per farlo ha evaso la sandbox, ha usato una catena di vulnerabilità e ha inserito un dataset avvelenato in una pipeline di elaborazione dati, ottenendo esecuzione di codice e accesso a cluster interni. Al di là della cronaca, la lezione per chi costruisce piattaforme e toolchain è chiara: il confine tra “valutazione” e “produzione” si sta assottigliando, e sicurezza applicativa + supply chain + data pipeline devono essere trattate come superficie d’attacco primaria.

22 luglio 2026

Animare l’entrata/uscita da display: none in CSS (finalmente)

Per anni il limite era chiaro: display è una proprietà “discreta” e non si poteva transizionare. Oggi si può gestire in modo pulito l’apertura e la chiusura di elementi che passano da display: none a display: grid/block, ottenendo animazioni complete (anche diverse tra enter e exit) grazie a transition-behavior: allow-discrete e alla nuova at-rule @starting-style. Ecco come impostare modali, popover e pannelli con un CSS chiaro e prevedibile, includendo anche l’animazione del backdrop.

22 luglio 2026

Chrome Web Store: come aumentare le probabilità di approvazione al primo invio

Per evitare rifiuti in fase di review sul Chrome Web Store, cura due aspetti spesso sottovalutati: rimuovere codice che non verrà mai eseguito ma contiene pattern vietati (es. eval) e tagliare tutto ciò che non serve davvero nel pacchetto (es. node_modules). Una submission più piccola e pulita passa più facilmente e velocemente.

22 luglio 2026

Kimi K3 e l’era dei pesi aperti: cosa cambia davvero per chi fa frontend

Moonshot ha alzato l’asticella dei modelli open-weight con Kimi K3: un mixture-of-experts multimodale da 2,8T parametri e 1M di contesto, competitivo su benchmark di coding e UI. Ma tra hallucinations, valutazioni non sempre comparabili e requisiti hardware proibitivi, la vera domanda per i team frontend è: quando conviene usarlo (o auto-ospitarlo) e come cambiano workflow, tooling e governance?

22 luglio 2026

Perché l’“harness” batte il modello: lezioni pratiche dai sistemi multi‑agente

Quando si costruiscono sistemi AI per scrivere codice, il modello conta. Ma conta di più il modo in cui lo incastri in un harness: ruoli separati, contesto controllato, workflow di merge e test. Un esperimento di ricostruzione di SQLite in Rust mostra che con lo stesso obiettivo puoi passare da decine di migliaia di dollari a poche centinaia, semplicemente cambiando orchestrazione e combinazione planner/worker.

22 luglio 2026

Sviluppare e deployare un’app con AI: dal requisito in una frase al rilascio (con IDE, agenti e multi-agent)

Integrare l’AI nello sviluppo non significa incollare snippet a caso: significa mettere l’AI dentro un processo. In questo articolo vediamo un approccio moderno che parte da una singola frase, produce una specifica chiara, genera uno scaffolding completo e poi scala con agenti multipli (UI, backend, QA) fino al deploy. Il caso d’uso è un habit tracker full‑stack, ma le tecniche sono riutilizzabili per qualsiasi prodotto.

21 luglio 2026

Da una foto a un oggetto 3D interattivo con Three.js in pochi minuti (davvero)

Un workflow pratico per passare da una foto (o da reference multiple) a un modello 3D navigabile in Three.js. Vediamo quando funziona bene, dove inciampa e come ottenere risultati migliori con iterazioni mirate: pulizia dello sfondo, orbit/zoom, illuminazione e micro-interazioni come animazioni d’ingresso e click sulle parti del modello.