Introduzione a LESS

LESS logoLESS è la soluzione per creare dinamicamente fogli di stile CSS. Comprende variabili, funzioni, operatori e altre caratteristiche (vedi il sito ufficiale)

 

Risorse online gratuite imparare a usare LESS

Come utilizzare LESS in Windows

I file .LESS devono essere compilati. Con la compilazione vengono creati i file .CSS riconosciuti e interpretati dai browser.

Possono essere compilati direttamente al caricamento della pagina (includendo il file less.js nelle pagine del progetto (cosa che sconsiglio anche solo rendere le nostre pagine il più leggere possibile)

<link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less.js" type="text/javascript"></script>

Oppure possono essere compilate con appositi programmi per poi includere il css finale nel progetto.

In windows ci sono 2 principali soluzioni:

  1. WinLESS compiler: Il sito è chiarissimo e autoeplicativo
  2. Per avere una soluzione sempre a portata di mano e su tutti i pc consiglio il seguente articolo

In pratica si tratta di lanciare da riga di comando lessc seguito dal file.less e il file .css di destinazione

Your ads will be inserted here by

Easy AdSense Pro.

Please go to the plugin admin page to paste your ad code.

 

 

 

 

Ho preparato una cartella con tutti i file per provare da subito l’utilizzo di less.

Il file variabili.less contiene l’esempio fornito da WinLESS sull’utilizzo delle stesse, basta compilarlo da una finestra DOS con il comando

lessc variabili.less variabili.css

e ci creerà il file css finale.