Un preprocessore CSS è uno strumento utilizzato per velocizzare e ottimizzare la scrittura dei fogli di stile di un sito web. Utilizzando questo strumento si avranno CSS più puliti e preformanti e con l’indubbia utilità di non dovere utilizzare solo regole statiche ma anche costrutti comuni in tutti i linguaggi di programmazione (variabili, funzioni, cicli …
Less è un pre-processore CSS che consente di scrivere file CSS più velocemente aggiungendo nuove caratteristiche come l’uso delle variabili, dei mixin, delle funzioni e di tante altre funzionalità. Utilizzare Less per la scrittura dei file CSS consente di avere file più mantenibili ed estendibili. Un file Less non viene interpretato dal browser ma vengono …
Le direttive extend e include consentono di definire una serie di funzioni da poter riutilizzare nel codice Sass: differenze tra extend e include Tra le varie funzionalità offerta da Sass, due potrebbero generare confusione, si tratta di extend e include. La direttiva extend viene utilizzata per estendere delle classi CSS ed ereditare le proprietà della …
Differenze tra extend e include (mixin) in Sass Leggi altro »
Velocizzare ed ottimizzare la scrittura dei file CSS tramite la nidificazione delle regole di stile per gli elementi e le proprietà Sass mette a disposizione la possibilità di nidificare gli elementi per evitare di definire le stesse informazioni. Definendo ad esempio in un file .scss: p { display: block; font-size: 10px; ul { display: inline; …
Nidificare gli elementi e le proprietà in Sass Leggi altro »
Sfruttare appieno le funzionalità di Sass definendo delle classi con delle proprietà da far ereditare ad altre classi In SASS è possibile definire delle classi con l’unico scopo di estenderle e far ereditare le informazioni (il concetto si avvicina vagamente a quello delle interfacce in Java). Per poter estendere una classe in Sass bisogna utilizzare …
Sass consente di definire ed utilizzare delle variabili in cui memorizzare le informazioni migliorando la manutenzione del file CSS Un grande vantaggio che offre Sass è l’opportunità di utilizzare delle variabili in cui memorizzare delle informazioni e utilizzarla in altre parti del codice. In Sass una variabile viene definita attraverso il simbolo del dollaro ($), …
Compass è uno dei framework più utilizzati in combinazione con Sass per velocizzare lo sviluppo di file CSS Compass è un framework open-source molto utilizzato con Sass che consente di velocizzare e migliorare la qualità del codice scritto. Questo tool di sviluppo offre un gran numero di mixin già scritti, ad esempio background-image che consente …
