Tag Archives: less

Compatta e semplifica il tuo CSS

Pubblicato da

Compatta e semplifica il tuo CSS

Compatta e semplifica il tuo CSS

I fogli di stile sono l’orgoglio del web designer. Caratterizzano un sito e mostrano quanto si possa essere abili nel controllarne la formattazione.
Capita spesso però che questi CSS diventino dei file lunghi e complessi perdendo in semplicità di manutenzione.
LESS è una filosofia di scrittura dei CSS che cerca di ridurre il numero di righe di istruzione a favore di una maggiore leggibilità e facilità di intervento.
Tramite Css2Less è possibile incollare il proprio CSS vedendo immediatamente convertito in LESS.
Il risparmio è evidente anche con CSS di poche righe.

Link: Css2Less

Implementazione Javascript dei pre-processori CSS

Pubblicato da

Implementazione Javascript dei pre-processori CSS

I pre-processori CSS sono strumenti che estendono le potenzialità dei CSS. Due tra i più utilizzati sono LESS e SASS.
Queste librerie permettono di aggiungere variabili e classi, effettuare operazioni e nidificare i CSS.
Sia LESS che SASS devono però essere installate sul server per poter essere utilizzate.
Inizialmente LESS e SASS erano stati sviluppati come gem Ruby ma attualmente esistono dei porting per PHP.NET.

Per chi volesse cimentarsi nei pre-processori CSS ma non vuole chiamare in causa Ruby, PHP o .NET, è stata realizzata una libreria .js che sostituisce le installazioni.
Secondo lo sviluppatore, questa libreria permette di essere fino a 40 volte più veloce (anche nei browser non di ultima generazione).
L’unica accortezza è quella di inserire il file LESS prima dell’inclusione alla libreria javascript

<link rel="stylesheet/less" href="/stylesheets/main.less" type="text/css" />
<script src="http://lesscss.googlecode.com/files/less-1.0.21.min.js"></script>

Lo sviluppo è ancora agli inizi ma promette bene. Tutto nell’ottica di un utilizzo più semplice di questo strumento di estensione delle capacità dei “vecchi” CSS

Link: Less.js