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

Stiamo cercando, da un paio di uscite, di trovare dei metodi per migliorare le tempistiche di painting della pagina, cercando di prioritizzare il repaint rispetto al reflow.Questi meccanismi CSS si attivano quando uno stile viene applicato ad un elemento. Dunque, per arrivare all...

Nello script precedente abbiamo visto come, all'interno di una pagina web, la creazione di componenti a video sia soggetta a tre differenti fasi: Reflow, Repaint, Composition. Di cui la prima, il reflow, è molto impattante in termini di tempo e risorse per essere portata a ...

La tipografia nel web design ha sempre giocato un ruolo cruciale nella comunicazione visiva. Tuttavia, fino a pochi anni fa, i designer erano costretti a utilizzare diverse varianti statiche di un font (regular, bold, italic, ecc.). Con l'introduzione dei CSS variable font, la ...

La nidificazione (nesting) è una caratteristica che consente di scrivere CSS più leggibile e organizzato raggruppando gli stili in maniera gerarchica. Caratteristica fino ad ora disponibile solo tramite i preprocessori, come SCSS (Sass), ma di cui possiamo fare a meno grazie all?...

Il selettore :is() è una potente aggiunta al CSS perché progettata per semplificare la scrittura di gruppi di selettori complessi. Consente a noi sviluppatori di applicare stili a diversi elementi in un'unica definizione, in modo pulito e leggibile, evitando ripetizioni e ...

Una grossa limitazione nel CSS è l'imposibilità di applicare stili sulla base del contenuto o i sui discendenti. Con l'introduzione del selettore :has avviene un cambiamento radicale: gli sviluppatori possono applicare stili in base a condizioni che prima richiedevano workaround ...

Nei precedenti script abbiamo introdotto il funzionamento, la differenza e il caso d'uso di Container Queries e Media Queries. Ora andiamo a utilizzare un template HTML che, per finalità di demo, resterà elementare, ma ci consentirà di apprezzare ogni singola modifica che verrà ...