Sass e meno preprocessori

Coke o Pepsi, Mac o PC, Marvel o DC? In ogni comunità, c'è un dibattito su quale sia meglio. Per i web designer o gli sviluppatori, quel dibattito è Sass o meno.

Fogli di stile sintatticamente fantastici (SASS) e CSS più snelli (meno) sono entrambi preprocessori CSS. Sono estensioni di fogli di stile speciali che rendono la progettazione più semplice ed efficiente. Sia Sass che meno compilano in fogli di stile CSS in modo che i browser possano leggerli. Questo è un passo necessario perché i browser moderni non possono leggere .Sass o .meno tipi di file.

Se hai intenzione di essere nel mondo dello sviluppo web, è una buona idea essere esperti in uno dei due preprocessori, se non entrambi. Quando si tratta di esso, hanno molte somiglianze. Rendono la scrittura di CSS più semplice, più orientata agli oggetti e più piacevole. Tuttavia, ci sono alcune differenze chiave.

01 di 05

Sass è in Ruby mentre meno è in JavaScript

Immagini Shannon Fagan/Getty

Sass ha sede a Ruby e richiede un'installazione di Ruby. Questo non è un grosso problema se hai un Mac. Tuttavia, è un'installazione più lunga se si dispone di una macchina Windows.

Meno è stato costruito in Ruby, come Sass, ma è stato portato su JavaScript. Per utilizzare di meno, è necessario caricare i file JavaScript applicabili sul server o compilare i fogli CSS tramite un compilatore offline.

02 di 05

Per assegnare variabili, Sass usa "$" mentre meno usa "@"

  Immagini Luis Alvarez/Getty

Sia Sass che meno utilizzano caratteri specializzati per assegnare variabili. Questo fa parte del vantaggio dell'utilizzo di questi preprocessori. Non devi continuare a inserire le specifiche ogni volta che vuoi assegnare variabili. Invece, puoi semplicemente entrare nel personaggio.

In Sass, è il segno del dollaro ($). In meno, è il simbolo "at" (@). L'unico aspetto negativo per meno è che ci sono alcuni selettori CSS esistenti che già utilizzano @. Quella complicazione potrebbe irrigidirsi un po 'la curva di apprendimento.

03 di 05

Sass ha una bussola mentre meno ha il pre -booot

  Immagini Caiaimage/Gertty

SASS e MENO hanno estensioni disponibili per integrare i mixin (la possibilità di archiviare e condividere le dichiarazioni CSS in un sito).

SASS utilizza la bussola per i mixin, che include ogni opzione disponibile con aggiornamenti per il supporto futuro.

Meno ha il preboizione.Meno, meno mixin, meno elementi, GS e senza cornice. Il supporto del software di Less è più frammentato di SASS, risultando in molte opzioni diverse per estensioni che potrebbero non funzionare tutti allo stesso modo. Per il tuo progetto, potrebbe essere necessario utilizzare più (o tutte) delle estensioni elencate per replicare le prestazioni della bussola.

04 di 05

Meno ha messaggi di errore migliori di Sass

  Razvan Chisu/Getty Images

Sia Sass che meno sono stati testati per la loro capacità di segnalare errori in sintassi. Meno ha messaggi di errore più accurati nei test: ha riportato la posizione corretta dell'errore. Questo può tornare utile quando un errore di battitura sta deragliando il codice. Meno messaggi di errore possono aiutarti a identificare rapidamente il problema.

05 di 05

Meno ha una documentazione più user-friendly di Sass

  Immagini di eroi/immagini getty 

La documentazione inferiore è visivamente accattivante e più facile da seguire per gli utenti per la prima volta. La documentazione SASS richiede molto più conoscenza di base o frequenti riferimenti incrociati con una wiki durante la configurazione.

Questo fatto di per sé potrebbe pesare pesantemente i tassi di adozione di Sass o meno.