Gli sviluppatori Web dovrebbero avere familiarità con uno o entrambi i preprocessori
Coca-cola o Pepsi, Mac o PC, Marvel o DC? In ogni comunità, c'è un dibattito su quale è meglio. Per i web designer o sviluppatori, questo dibattito è Sass o Meno.
Cosa sono Sass e LESS?
Sintatticamente Stylesheets (Sass) e Leaner CSS (LESS) sono entrambi preprocessori CSS. Sono estensioni speciali per fogli di stile che rendono la progettazione più semplice ed efficiente. Sia Sass che LESS vengono compilati nei fogli di stile CSS in modo che i browser possano leggerli, il che è un passaggio necessario perché i browser moderni non possono leggere i tipi di file .sass o .less.
Se hai intenzione di essere nel mondo dello sviluppo web, è una buona idea essere esperto in uno dei due preprocessori, o entrambi .
Quando si tratta di esso, entrambi sono simili. Rendono la scrittura CSS più semplice, più orientata agli oggetti e un'esperienza più piacevole. Tuttavia, ci sono alcune differenze chiave. Cinque di loro sono elencati qui.
01 Sass Is in Ruby. MENO È in JavaScript
LESS è stato costruito in Ruby come Sass, ma è stato convertito in JavaScript. Per utilizzare LESS, devi caricare i file JavaScript applicabili sul tuo server o compilare i fogli CSS tramite un compilatore offline.
02 Per assegnare variabili: Sass Usa $; MENO usi @
Sia Sass che LESS usano caratteri specializzati per assegnare variabili. In questo modo non devi continuare a inserire le specifiche; puoi semplicemente inserire il personaggio.
In Sass, è il simbolo del dollaro ($). In LESS, è il simbolo at (@). L'unico lato negativo di LESS è che ci sono alcuni selettori CSS esistenti che già usano @, quindi potrebbe irrigidire un po 'la curva di apprendimento.
03 Sass ha la bussola, MENO ha un pre-avvio
Sass e LESS dispongono di estensioni disponibili per integrare i mix (la possibilità di archiviare e condividere dichiarazioni CSS in tutto il sito).
Sass ha Compass disponibile per i mix, che include ogni opzione disponibile con aggiornamenti per il supporto futuro.
MENO ha Preboot.less, MENO Mixin, MENO Elementi, gs e Frameless. Il supporto software di LESS è più frammentato di Sass, risultando in molte opzioni diverse per estensioni che potrebbero non funzionare tutte allo stesso modo. Per il tuo progetto, potresti avere bisogno di tutte le estensioni elencate per ottenere prestazioni simili a Compass.
04 MENO Ha migliori messaggi di errore di Sass
Sia Sass che LESS sono stati testati per la loro capacità di riportare errori nella sintassi. MENO ha messaggi di errore più precisi nei test in quanto riporta la posizione corretta dell'errore.
Qualcosa del genere potrebbe risparmiare un po 'di tempo a sudare su un refuso.
05 MENO Ha una documentazione più intuitiva di Sass
La documentazione di LESS è visivamente accattivante e più facile da seguire per i nuovi utenti. La documentazione di Sass ha molto più di una base di conoscenza o di una configurazione wiki.
Questo è un fatto che potrebbe essere importante per le percentuali di adozione di Sass o LESS poiché è una piattaforma progettata per l'uso nella progettazione di siti Web.