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 ...

Nello script #432 abbiamo parlato dei concetti di Repaint, Reflow e Compositing e di come questi interagiscano sui tempi e le performance del browser. Oltre a lavorare su questi aspetti possiamo agire anche su un concetto semplice, ma, al tempo stesso, complesso da implementare ...

Insieme alla direttiva property trattata nel precedente script, troviamo un ulteriore aiuto nella stesura delle posizioni e nell'ultilizzo dello spazio nel CSS. Le stepped value function sono funzioni, come round(), mod(), rem(), che permettono di eseguire calcoli all'interno del...

La direttiva CSS @property è una funzionalità che consente di definire proprietà CSS che, a differenza delle variabili CSS (`--nome-var`), offre la possibilità di avere comportamenti più avanzati come transizioni e animazioni.Questa metodologia fa parte delle Houdini API, un ...

Nel design web, la leggibilità del testo può variare notevolmente quando il font principale non è disponibile e il browser utilizza un font di fallback con proporzioni diverse. La proprietà CSS font-size-adjust è stata creata appositamente per mantenere un aspetto coerente del ...

Partiamo da un'idea: la gestione di un'enciclopedia, un catalogo prodotti o un blog, come può essere Aspitalia.com, al cui interno vi è la possibilità di effettuare ricerche testuali. A seguito della ricerca 'un blog come può essere Aspitalia.com' probabilmente otterremo un link ...

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 ...