Dezvoltatorii web ar trebui să fie familiarizați cu unul sau ambii preprocesori
Coca-Cola sau Pepsi, Mac sau PC, Marvel sau DC? În fiecare comunitate există o dezbatere despre care este mai bine. Pentru designerii web sau pentru dezvoltatori, această dezbatere este Sass sau Mai puțin.
Ce sunt Sass și mai puțin?
Șabloanele de sintaxă minunate (Sass) și Leaner CSS (LESS) sunt ambele preprocesoare CSS. Acestea sunt extensii de stil special care fac proiectarea mai ușoară și mai eficientă. Atât Sass cât și LESS compilați în foi de stil CSS, astfel încât browserele să le poată citi, ceea ce reprezintă un pas necesar deoarece browserele moderne nu pot citi tipurile de fișiere .sass sau .less.
Dacă aveți de gând să fiți în lumea dezvoltării web, este o idee bună să fiți bine pregătiți în unul dintre cei doi preprocesori - sau ambii .
Când vine vorba de ea, ambele sunt similare. Acestea fac scrisul CSS mai simplu, mai orientat spre obiect și o experiență mai plăcută. Cu toate acestea, există câteva diferențe-cheie. Cinci dintre ele sunt listate aici.
01 Sass este în Ruby. Mai puțin este în JavaScript
Mai puțin a fost construit în Ruby ca Sass, dar a fost portat la JavaScript. Pentru a utiliza LESS, încărcați fișierele JavaScript aplicabile pe serverul dvs. sau compilați colile CSS printr-un compilator offline.
02 Pentru a atribui variabile: Sass Utilizează $; LESS Uses @
Atât Sass cât și LESS utilizează caractere specializate pentru a atribui variabile. În acest fel, nu trebuie să introduceți specificații; puteți introduce doar caracterul.
În Sass, este semnul dolarului ($). În LESS, este simbolul la (@). Singurul dezavantaj pentru LESS este că există câțiva selectori CSS existenți care utilizează deja @, astfel încât acesta poate să înrăbească puțin curba de învățare.
03 Sass are compas, mai puțin Preboot
Sass și LESS au extensii disponibile pentru a integra mixins (capacitatea de a stoca și de a împărtăși declarații CSS pe tot site-ul).
Sass are Compass disponibil pentru mixins, care include toate opțiunile disponibile cu actualizări pentru asistență viitoare.
Mai puțin are Preboot.less, LESS Mixins, LESS Elements, gs și Frameless. Suportul software-ului LESS este mai fragmentat decât Sass, rezultând o mulțime de opțiuni diferite pentru extensii care nu funcționează în același mod. Pentru proiectul dvs., este posibil să aveți nevoie de toate extensiile listate pentru a obține o performanță similară Compass.
04 LESS Mai are mesaje de eroare mai bune decât Sass
Atât Sass cât și LESS au fost testate pentru capacitatea lor de a raporta erori în sintaxă. LESS are mai multe mesaje de eroare mai exacte în teste prin faptul că a raportat locația corectă a erorii.
Ceva de genul asta ar putea salva un pic de timp transpirând peste o tipografie.
05 Mai are o documentație mai ușor de utilizat decât Sass
Documentația LESS este atrăgătoare vizuală și este mai ușor de urmărit pentru utilizatorii pentru prima dată. Documentația Sass are mult mai mult o bază de cunoștințe sau o configurare wiki.
Acesta este un fapt care ar putea fi important pentru ratele de adopție fie Sass, fie LESS, deoarece este o platformă concepută pentru a fi utilizată în designul site-ului web.