Un file LESS è solo un file "Meta-CSS" che deve essere convertito in vero CSS per poter essere interpretato dal browser. La conversione può essere fatta sia sul server (così da far arrivare al client già un file CSS) sia sul client (mediante un file JavaScript disponibile sul ...

Uno degli aspetti più interessanti di LESS risiede nel fatto che, come abbiamo visto negli script precedenti dedicati all'argomento, diventa semplice includere vero e proprio scripting all'interno dei CSS.In questo esempio vedremo come gestire il caso in cui negli elementi sia ...

Nello script #82 abbiamo vosto come creare uno stile (o mixin) e poi riutilizzarlo all'interno di altri stili. In quello script abbiamo utilizzato delle proprietà CSS statiche, ma con LESS possiamo creare anche mixin parametrici ovvero dove i valori delle proprietà CSS è deciso ...

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

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

I CSS sono un meccanismo molto semplice per creare stili e riutilizzarli nell'applicazione web. Tuttavia, i CSS sono statici e non permettono quindi l'utilizzo di variabili, metodi e altri costrutti tipici dei linguaggi di programmazione. Ad esempio, non possiamo definire una ...

Una delle novità di CSS3 è il supporto per gli sfondi gradienti. Sebbene i gradient non siano più molto di moda nel web, esistono situazioni in cui possono tornare gradevoli e per questo motivo si è deciso di inserirne il supporto nativo. Qui sotto vediamo un esempio di utilizzo ...

Nello script #50 abbiamo visto come utilizzare le Fullscreen API di HTML5:http://www.html5italia.com/script/50/Visualizzare-Contenuti-Fullscreen-HTML5.aspxAl momento della pubblicazione dello script, IE non aveva ancora un supporto per questa feature, che è stata aggiunta nella ...

Con l'introduzione di CSS3 abbiamo la possibilità di creare transizioni per dare un'animazione agli oggetti in maniera nativa e quindi senza utilizzare framework di terze parti. Grazie a questa caratteristica possiamo decidere quali proprietà di un oggetto animare e quanto tempo ...

I device che visualizzano un sito possono essere di diverse dimensioni passando da uno smartphone a 7 pollici a un televisore da 50 pollici. Avere un'immagine di background diversa per ogni possibile dimensione dello schermo è una soluzione efficace, ma poco manutenibile in virtù...