LessCSS per scrivere meno CSS

LessCSS è un framework basato JavaScript che permette di definire regole di stile CSS utilizzando molto meno codice di quanto non sarebbe necessario utilizzando il linguaggio puro; la libreria garantisce piena compatibilità con tutti i browser più diffusi (Internet Explorer, Firefox e soluzioni basate su Webkit come Safari e Chrome), inoltre, potrà essere utilizzato anche lato server in associazione con node.JS.

Per abbreviare la sintassi necessaria alla creazione di fogli di stile, LessCSS fornisce variabili, funzioni e altri costrutti appositamente dedicate; in CSS si ha spesso la necessità di ripetere una stessa informazione più volte (ad esempio, un valore):

#header {
  color: #B0624D;
}
h1 {
  color: #B0624D;
}

Grazie a LessCSS, invece, un’informazione potrà essere associata ad una variabile da riutilizzare in qualsiasi momento:

@color: #B0624D;
#header {
  color: @color;
}
h1 {
  color: @color;
}

Il sito ufficiale del progetto offre una sintetica ma abbastanza esauriente decumentazione relativamente al suo utilizzo.