Nello script #458 abbiamo parlato di AbortController, uno strumento che permette di interrompere operazioni asincrone come Web Streams, API, librerie compatibili, timer e logiche personalizzate.L'oggetto, in relazione alla sua funzione, ha caratteristiche speciali: la prima è la ...

Quando lavoriamo con operazioni asincrone, come chiamate HTTP, lettura di stream o task lunghi, può essere fondamentale interrompere un'operazione in corso. JavaScript mette a disposizione una soluzione nativa ed elegante: AbortController, un'API che permette di interrompere una ...

La View Transitions API è una funzionalità HTML/CSS dei browser che consente di animare il passaggio tra due stati di una pagina o tra due documenti diversi. Il browser cattura uno snapshot, o immagine, della pagina corrente e uno della pagina successiva, creando una transizione ...

Quando nelle pagine HTML si utilizza il link con target="_blank", il browser non si limita ad aprire una nuova scheda, ma, dietro le quinte, crea un ponte di comunicazione tra la pagina principale (Parent) e la nuova pagina (Child). Questo collegamento ha implicazioni profonde ...

Nella programmazione web, uno dei problemi più sottovalutati è gestire correttamente elementi che devono stare sopra tutto:menu, tooltip, notifiche, overlay, floating panel. Ad oggi la soluzione è stata sempre la stessa: position: fixed e z-index: 999.Il browser offre però anche ...

Il supporto per gli elementi HTML details e summary esiste dal 2016, ma solo di recente queste funzionalità hanno iniziato a espandersi e a diventare più mature.Una novità interessante è la possibilità di modellare questi elementi per creare un exclusive accordion, cioè un gruppo...

Così come gli elementi HTML posseggono una proprietà padding e margin, anche per quanto riguarda il CSS scroll snap abbiamo dei modificatori di spazio..container { overflow-y: auto; scroll-snap-type: x mandatory; scroll-padding: 0 0 0 50px; /* Top, Right, Bottom, Left */}.item...

In una pagina dove è necessario mostrare un carosello di elementi o immagini, le opzioni possibili sono due: posizionare gli elementi nel primo spazio disponibile oppure inserirli in un container e predisporre una scroll-bar. Benchè il primo, in termini di layout e design, sia ...

Gli accordion, o sezioni comprimibili, sono un pattern molto diffuso nelle interfacce web. Permettono di organizzare grandi quantità di contenuti in poco spazio, migliorando la leggibilità e la navigazione della pagina. Hanno tuttavia un limite importante: il testo contenuto ...

Nello script #449 abbiamo trattato la content-visibility e il suo ruolo nel non dipingere ciò che non è visibile nella viewport.Se abbiamo però provato questa tecnica noteremo che il layout non è lineare: ci sono dei salti nel momento in cui il browser disegna l'elemento da ...