Una form di input è l'insieme di più campi il cui unico scopo è raccogliere dati dall'utente. Spesso, per migliorarne l'usabilità e l'estetica, è utile che gli input si ridimensionino automaticamente in base al contenuto inserito.In una form con la presenza di un campo in cui è ...

Concludiamo la mini-serie sulla scrollbar, e sulle sue caratteristiche, con la gestione di un evento di navigazione verso un elemento (anchor element). Utilizzando il tag con puntatore ad un elemento, come di seguito mostratoVai a 1 Vai a 2 Contenuto 1Contenuto 2Premendo su un ...

Nello script #441 abbiamo parlato di come la scrollbar occupa uno spazio importante all'interno del nostro layout. Essendo un elemento ingombrante, sia in termini di area che di funzionalità, è importante che sia correttamente integrata all'interno del layout della pagina.Il ...

In un interfaccia, dove bisogna mostrare del testo in uno spazio limitato, le scrollbar sono sia una salvezza che una penitenza. Sono elementi che l'utente riconosce, vi sa interagire e comprende che se è presente una scrollbar, allora del contenuto è nascosto e sta a lui muovere...

Una delle più importanti novità dell'EcmaScript 2025 consiste nella gestione degli errori a livello di Promise.Nel mondo JavaScript, benchè esista il pattern async/await che permette di eseguire funzioni asincrone utilizzando una sintassi sincrona, troviamo spesso codice ...

Un memory leak (perdita di memoria) accade quando una parte della nostra applicazione continua a occupare memoria anche se non serve più, il che può portare a prestazioni peggiori nel tempo, browser che consumano più RAM e comportamenti strani o rallentamenti.In JavaScript, ...

Nel tentativo di osservare eventi JavaScript come scroll o mousemove, notiamo che avvengono un numero imprecisato di volte al secondo. A volte, se l'operazione eseguita ad ogni trigger dell'evento è complessa, l'intera interfaccia si può bloccare.Diversamente dalla funzione ...

Quando in Javascript si usano eventi come keyup o resize, il browser può chiamare la funzione decine o centinaia di volte al secondo. Questo causa inevitabilmente rallentamenti o comportamenti inutili.Supponendo di avere un input in cui inserire del testo ed effettuare una ...

In cima agli obiettivi di uno sviluppatore frontend vi è la necessità di ottenere una pagina dinamica, responsiva e complessa con i tempi di caricamento azzerati, quasi più veloci dell'homepage di Google. Purtroppo sappiamo che è un traguardo che non riusciremo neanche a sfiorare...

requestAnimationFrame è un metodo nativo del browser che permette di eseguire una funzione prima del prossimo repaint. È pensato appositamente per l'esecuzione di animazioni, sincronizzate anche con il refresh rate dello schermo.Un'animazione gestita da requestAnimationFrame è ...