frontendfacile.itBlog
Un archivio semplice con note, riflessioni e contenuti pratici sul frontend.
Pagina 2 di 17
1 luglio 2026
Tra Chrome 148 e 150 DevTools introduce aggiornamenti importanti: DevTools for agents diventa stabile (con audit Lighthouse, debugging delle estensioni e tool personalizzati), il pannello AI Systems passa a Gemini 3 con widget interattivi, e nell’Application panel arrivano strumenti sperimentali Web MCP ispezionabili ed eseguibili. In più, migliora l’algoritmo di contrasto colori.
1 luglio 2026
Gestire date e orari in JavaScript sembra banale finché l’app finisce in produzione: utenti in fusi diversi, ora legale, offset da 30/45 minuti e regole che cambiano nel tempo. In questo articolo costruisci un modello mentale pratico: cos’è davvero un timestamp (epoch), perché UTC è la lingua franca dei sistemi, come distinguere timestamp e time zone, e quale strategia adottare tra database e UI per ridurre i bug.
1 luglio 2026
I popover nativi sono finalmente pratici: si attivano con un attributo sul bottone, si chiudono con click esterno o Esc, finiscono nel “top layer” (niente lotte di z-index) e possono essere animati in modo credibile anche se partono da display:none. In questo articolo vediamo come collegarli, come evitare i gotcha dei CSS di default, come posizionarli vicino al trigger con anchor positioning (progressive enhancement) e come ottenere transizioni diverse tra apertura e chiusura grazie a @starting-style e transition-behavior: allow-discrete.
1 luglio 2026
Skia è eccellente per disegno 2D ad alte prestazioni (testo, layout, scaling). Ma quando vuoi effetti avanzati come stroke variabile, colore lungo un tracciato o materiali PBR che generano luci e ombre in modo automatico, entra in gioco Redraw: un layer orientato a WebGPU che punta su geometria e calcolo, non sulla “pittura” tradizionale. Vediamo differenze, combinazioni possibili e scenari pratici in React Native e sul web.
1 luglio 2026
I popover non sono più un esercizio obbligatorio di JavaScript. Oggi il browser offre un’API nativa: un bottone che apre/chiude, light dismiss, ESC, gestione del focus e stati CSS da animare. In questo articolo vediamo un’implementazione minimale e pulita, con fade e slide controllati da CSS, inclusa la transizione per proprietà discrete e un accenno al posizionamento vicino al trigger tramite anchoring.
1 luglio 2026
Ripercorriamo le svolte che hanno reso Internet e il Web ciò che sono: packet switching, TCP/IP, DNS, HTML/HTTP/URL, la guerra dei browser, Ajax e mobile. Non per nostalgia, ma per leggere meglio i compromessi moderni: performance, affidabilità, indirizzamento, compatibilità e UX.
30 giugno 2026
Imparare la command line significa sbloccare un modo più veloce e preciso di gestire file e cartelle, controllare l’ambiente di sviluppo e automatizzare attività ripetitive. In questa guida vediamo cos’è il terminale, perché conviene usarlo anche nel frontend, e i primi comandi davvero indispensabili (pwd, ls, cd, clear), inclusa la navigazione “a livelli” con .. per muoversi nel file tree in modo corretto.
30 giugno 2026
Gli agenti AI che eseguono comandi sul tuo progetto aumentano la produttività, ma anche il rischio: cancellazioni accidentali, dipendenze NPM malevole, furto di token e accessi non desiderati. I container aiutano, ma non bastano a garantire sicurezza. In questo articolo vediamo un approccio più robusto: sandbox basate su microVM con policy di rete e gestione delle credenziali tramite proxy, così da isolare davvero filesystem, network e segreti senza trasformare il flusso di lavoro in una serie infinita di conferme.
30 giugno 2026
Una schermata di lista/selection degli “agent” può diventare rapidamente il classico muro di badge, label ripetute e indicatori poco chiari. Qui trovi un approccio pratico di refactor: bilanciare gli spazi, eliminare ridondanze, chiarire gli stati con pattern robusti e migliorare la scansione visiva delle card. Con alcune varianti di layout per capire come cambiano ritmo, respiro e densità.
29 giugno 2026
Per anni abbiamo ottimizzato l’editor per scrivere più velocemente: autocompletamento, refactor, scorciatoie, estensioni. Oggi, con agenti AI che generano patch e cambiano file interi, l’editor viene “retrocesso” a strumento di lettura e revisione: un posto dove scansionare diff, controllare contesto, validare impatti e rimandare indietro le correzioni. In questo articolo vediamo cosa cambia davvero nel workflow frontend e quali caratteristiche iniziano a contare nella nuova guerra degli editor.