Nello scorso script abbiamo avuto una panoramica sull'utilizzo dei layer e del loro contributo. Abbiamo visto come a seconda del nome e dell'ordine possano essere computati non linearmente, come di solito accade quando parliamo di CSS. Soffermiamoci proprio sull'identificatore ...

Con @layer, possiamo identificare aree di contesto CSS, in cui vengono applicate specifiche regole e poi elaborate a seconda dell'ordinamento assegnato sulla pagina. Abbiamo anche la possibilità di creare regole @layer annidate, i cui nomi dei layer risultanti sono una ...

Con l'introduzione della regola @layer, la gestione degli stili in CSS diventa più organizzata e modulare. Questa regola permette di descrivere un layer esplicito, a cui assegnare un set di regole CSS, siano importate da url o scritte in blocchi./* Definizione di un layer reset...

Nello scorso script abbiamo parlato di come l'utilizzo di HWB, tramite l'operatore hwb(), ci aiuti enormemente quando stiamo parlando di colore e sue declinazioni. Abbiamo però notato che il codice è abbastanza prolisso, e sappiamo che, più codice dobbiamo scrivere, più sarà alta...

Il modello di colore HWB (acronimo di Hue-Whiteness-Blackness) rappresenta un metodo per specificare i colori sRGB. Questo modello descrive i colori partendo da una tonalità di base (hue o più comunemente conosciuta come ruota dei colori), a cui si aggiunge una quantità di bianco...

Gli elementi dei moduli HTML sono difficili da personalizzare. Spesso ci affidiamo a framework CSS, come bootstrap, per impostare degli stili pre-definiti. Personalizzare un componente, come checkbox, radio, range o progress, rispettando i colori, facendo in modo che in base al ...

Nel nostro percorso con Tailwind CSS, abbiamo visto come creare plugin statici per aggiungere classi di utilità specifiche al nostro progetto. Tuttavia, a volte potremmo avere esigenze più dinamiche, dove le classi di utilità devono essere generate in base a parametri o variabili...

In questa serie di script ci occuperemo della configurazione di un'applicazione React al cui interno useremo TailwindCSS come framework CSS. Iniziamo dunque a parlare di Tailwind.Tailwind CSS è un framework CSS che offre un approccio diverso rispetto ai tradizionali framework. In...

Nel CSS abbiamo la possibilità di definire, attraverso le media query, degli stili che verranno applicati in base alla dimensione della pagina. Ma possiamo rifarci anche a container, che così come le media query sono CSS at-rule: regole che impongono un determinato comportamento ...

Compilando un form di registrazione o di accesso, capita che il browser ci proponga quello che abbiamo già inserito in precedenza sulla base del nome degli input. L'esempio più lampante lo troviamo quando viene richiesto l'inserimento del nostro indirizzo, con via, paese, cap, ...