Quanti, durante la stesura dei propri fogli di stile, si sono domandati se non ci fosse un modo più veloce ed elegante per gestire situazioni particolari quali, ad esempio, la definizione di un valore richiamabile più volte all'interno del nostro CSS, o ancora, la nidificazione delle classi, tanto per citarne una? Scommetto in tanti.
Bene, LESS ci permette proprio di effettuare queste ed altre operazioni, a prima vista banali, ma importantissime se si vuole ottenere una stesura pulita e veloce del codice CSS.
In pratica, LESS, progetto opensource scritto in linguaggio Ruby, permette di estendere il linguaggio CSS, aggiungendo la possibilità di utilizzare variabili, mixins, operazioni matematiche e regole nidificate.
Lo scopo di quest'applicazione è quello di compilare (sarebbe più corretto dire pre-processare) un file, scritto seguendo le regole sintattiche dei CSS (ma con estensione .less), e restituire come risultato un file .css sintatticamente corretto pronto per essere utilizzato nel nostro sito.
Ma vediamo come, questa applicazione, può estendere il linguaggio dei Cascading Style Sheets.
Per prima cosa, vengono introdotte le variabili. Attraverso esse, potremo finalmente definire uno o più valori (ad esempio la completa palette del nostro sito) in un singolo punto del nostro file, e quindi richiamare tutte le volte che vogliamo tali valori. Questo, oltre che essere oltremodo più facile, rispetto al doversi ricordare tutti i relativi valori, è molto più comodo in quanto ci permetterà in futuro di modificare solo il valore di questa o quella variabile, senza la necessità di dover modificare il valore ad ogni suo ricorrenza all'interno del codice.
Mixins. Questo non è altro che il nome con cui viene identificata la capacità di incorporare le proprietà di una classe all'interno di un'altra (potremmo definirla una sorta di ereditarietà delle classi, ben conosciuta da chi programma con linguaggio di programmazione orientati agli oggetti come C++, C# e Java).
A quanti è capitato di dover digitare identificativi di selettore a volte molto lunghi per specificare il legame di ereditarietà tra due elementi? Beh, adesso è possibile evitare completamente questo problema, ed in questo ci viene ancora una volta in aiuto LESS.
Infine, per chi si trova ad avere a che fare spesso e volentieri con la definizione di classi piene di coordinate video (la definizione dei bordi, dell'ombra, e quant'altro...), ecco che il supporto alle operazioni matematiche ci viene in soccorso, permettendoci di definire una variabile e, quindi, effettuare delle semplici operazioni su di essa, invece di dover specificare ogni singolo valore.
Senz'altro un ottima applicazione che dalla sua ha una curva d'apprendimento paticamente pari a zero, in quanto sfrutta in tutto o per tutto la sintassi usata per i fogli di stile.
Potete trovare tutte le informazioni, gli esempi, il codice sorgente e la documentazione sul sito del suo programmatore.
Nessun commento:
Posta un commento
Credo nelle libertà collettive ed individuali, tutti dovremmo avere il diritto di dire/scrivere ciò che pensiamo, ma dato che questo è un servizio per la collettività (più che personale), prego chiunque intenda lasciare un commento, di utilizzare un linguaggio civile e non offensivo nei confronti di tutti. Questo blog è moderato dall'autore. Ogni commento offensivo nei confronti di persone, animali, cose, religioni, idee, e quant'altro, non sarà accettato. Ringrazio tutti coloro che contribuiscono a questo blog con i loro commenti. Grazie.