CSS

Preprocessori: differenza tra Sass e Less

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 …

Preprocessori: differenza tra Sass e Less Leggi altro »

Cos’è Less e come utilizzarlo

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 …

Cos’è Less e come utilizzarlo Leggi altro »

Differenze tra extend e include (mixin) in Sass

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 »

Nidificare gli elementi e le proprietà in Sass

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 »

Le variabili nei file CSS con Sass

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 ($), …

Le variabili nei file CSS con Sass Leggi altro »

Compass: un tool di sviluppo per Sass

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 …

Compass: un tool di sviluppo per Sass Leggi altro »