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

Una variabile CSS viene definita sempre all'interno di un selettore CSS sia questo relativo una classe o a un oggetto. Il punto migliore per definire le variabili utili in tutto il foglio di stile è sicurametne il seletore html. Questo perchè le variabili CSS vengono ...

Durante lo sviluppo di un'aplicazione web si ha spesso la necessità di dare a un attributo CSS un valore dinamico in base a criteri stabiliti dall'applicazione. Ad esempio, potremmo avere la necessità di modificare il colore del testo o dello sfondo, di dare una dimensione ...

Gli pseudo-elementi :before e :after consentono di creare un elemento e di inserirlo prima o dopo l'elemento a cui la regola CSS si riferisce.Si definiscono tali perché di fatto non cambiano il DOM, ma aggiungono elementi fantasma.Il classico esempio è quello di aggiungere un ...

Con l'avvento di HTML5 e CSS3, la proprietà CSS display si è arricchita di un nuovo valore denominato inline-block. Questo nuovo valore permette agli oggetti renderizzati inline (cioè uno accanto all'altro come ad esempio span e label) di prendere in considerazione proprietà come...

Quando sviluppiamo un'app Windows 8 abbiamo a disposizione due toolbar (una superiore e una inferiore) all'interno delle quali posizioniamo dei pulsanti che hanno uno stile ben preciso che lo stesso WinRT ci mette a disposizione. I bottoni sono rotondi, con un'icona dentro e un ...

Utilizzare i mixin in LESS permettere di riutilizzare gli stili in maniera efficace garantendo una maggior semplicità di sviluppo e manutenzione. Tuttavia, quando i mixin cominciano a diventare tanti, torna comodo avere un meccanismo che ne permetta il raggruppamento logico. ...

Una delle funzionalità più interessanti offerte da LESS è quella di effettuare dei calcoli. In questo script vedremo come questa funzionalità può essere utilizzata a nostro vantaggio. Supponiamo di avere due tag DIV e che il secondo div debba essere largo esattamente il doppio ...

Molto spesso capita di avere una classe CSS che si vuole applicare ad unìaltra classe CSS. Con i mixin possiamo raggiungere questo risultato, ma esiste un'altra tecnica che può tornare utile e che ricorre all'uso della parola chiave extend. Cominciamo col vedere un esempio di ...

Nello script precedente abbiamo visto come gli pseudo-elementi :before e :after ci consentano facilmente di inserire elementi da utilizzare per applicare un comportamento al contenitore, senza modificare l'HTML.Nello script di oggi vedremo come ottenere, con questa possibilità, ...