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

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