Una delle caratteristiche che più di tutte rende LESS un motore di CSS veramente potente è la capacità di creare mixin. Un mixin è un contenitore di proprietà CSS preimpostate che possiamo riutilizzare nelle nostre classi CSS. Ad esempio, se vogliamo che intestazione e piè di ...

Abbiamo già affrontato LESS in alcuni script precedenti e abbiamo visto come, di fatto, consenta di produrre file CSS contando sull'aiuto di scripting.Tre la caratteristiche interessanti di LESS c'è la possibilità di impostare stili annidati con maggior semplicità, che poi ...

Il CSS permette di modificare la modalità di rappresentazione di un oggetto ul o ol consentendoci tramite la proprietà list-style-type di anteporre, per ogni elemento all'interno della lista, numberi, lettere o forme geometriche. Questo approccio soddisfa la maggior parte delle ...

Nelle applicazioni moderne per il web, troviamo raramente layout con sidebar laterale. Dietro a questa scelta possono esserci numerosi motivi, tra cui il cambio di abitudini dell'utente medio, che si aspetta di trovare tutte le opzioni in cima o a fine pagina, ma anche lo ...

Le Media query sono un insieme di regole CSS che permettono di modificare l'aspetto sulla base della dimensione dello schermo, orientamento, risoluzione o altri parametri. Con le specifiche di livello 4 sono stati introdotti nuovi metodi per renderne più comprensibile la stesura....

Nello script #312 abbiamo analizzato come utilizzare il CSS Grid Model per gestire il layout di una pagina. In questo script entriamo più nel dettaglio analizzando come poter gestire le dimensioni di un div nel quale inseriremo del contenuto.Una proprietà conoscita ai più, ma al ...

Con il termine Pseudo-element ci riferiamo a delle aree all'interno di ogni elemento HTML accessibili solo attraverso CSS. Grazie a queste zone possiamo applicare effetti grafici, inserire o modificare lo stile di un testo senza dover intervenire sul codice HTML. Il risultato ...

La sintassi CSS è stata sempre molto minimale e questo non ha mai permesso di renderli manutenibili. Questa immanutenibilità alla lunga ha portato alla creazione di linguaggi basati su CSS, ma più evoluti come LESS e SASS che aggiungono molte funzionalità tra le quali quella di ...

Quando utilizziamo una variabile CSS per impostare il valore di una proprietà, potremmo usare una variabile che non è definita nel nostro file. Per evitare che la proprietà CSS rimanga senza valore, possiamo definire un valore di fallback..myclass { padding: var(--my-var, 10px...

Le variabili CSS sono molto comode quando dobbiamo creare i file CSS per le nostre applicazioni, ma la loro visibilità non si ferma ai soli file CSS. Una delle funzionalità più importanti delle variabili CSS consiste nella possibilità di leggerne e impostarne il valore tramite ...