Iscriviti alle newsletter unoscript@lgiorno, ogni giorno uno script nuovo!
Gli ultimi script
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 ...
I più letti del mese
- Utilizzare le View Transition API di JavaScript
di Morgan Pizzini, il 18 marzo alle 08:00 - Chiamare direttamente un numero di telefono con HTML5
di Matteo Casati, il 20 giugno 2012 alle 08:00 - Utilizzare AbortController per cancellare operazioni asincrone in JavaScript
di Morgan Pizzini, il 25 marzo alle 08:00 - Utilizzare noopener e noreferrer nei link HTML
di Morgan Pizzini, l'11 marzo alle 08:00 - Gestire il ciclo di vita di AbortController in Javascript
di Morgan Pizzini, l'1 aprile alle 08:00 - Utilizzare il top layer in HTML
di Morgan Pizzini, il 4 marzo alle 08:00 - Utilizzo di CSS Scroll Snap per realizzare un carousel
di Morgan Pizzini, l'11 febbraio alle 08:00 - Evitare memory leaks nelle closure JavaScript
di Morgan Pizzini, il 25 giugno 2025 alle 08:00 - Ottimizzare la content-visibility in CSS specificando lo spazio da occupato dall'area non renderizzata
di Morgan Pizzini, il 28 gennaio alle 08:00 - Il nuovo tag nav in HTML5
di Matteo Casati, il 19 ottobre 2011 alle 08:00
Gli script più popolari
- Chiamare direttamente un numero di telefono con HTML5
di Matteo Casati, il 20 giugno 2012 alle 08:00 - Personalizare l'icona e le funzionalità di un sito web per iOS e IE
di Daniele Bochicchio, il 7 novembre 2012 alle 08:00 - Utilizzare l'API del browser fetch
di Morgan Pizzini, l'8 giugno 2022 alle 08:00 - Operatori di confronto in JavaScript: == e ===
di Matteo Casati, il 16 maggio 2012 alle 08:00 - Effettuare richieste in Cross Origin Resource Sharing (CORS): JSONP e HTML5 a confronto
di Andrea Colaci, il 14 novembre 2012 alle 08:00 - Tabelle responsive con HTML5 e CSS3
di Daniele Bochicchio, il 22 gennaio 2014 alle 08:00 - Adattare i contenuti per il mobile con il meta-tag ViewPort e HTML5
di Andrea Colaci, il 12 dicembre 2012 alle 08:00 - Gestione avanzata degli stili con i tag select in CSS3
di Daniele Bochicchio, l'8 marzo 2017 alle 08:00 - Gestione delle finestre modali in HTML5 con Bootstrap
di Daniele Bochicchio, il 29 ottobre 2014 alle 08:00 - Parallelizzare le chiamate HTTP con async/await e le Promise in JavaScript
di Morgan Pizzini, il 13 aprile 2022 alle 08:00




