Diferențele dintre Sass și LESS preprocesoare

ТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучше

Cuprins:

Ce sunt Sass și mai puțin?
01 Sass este în Ruby în timp ce mai puțin este în Javascript
03 Sass are compasul în timp ce mai puțin Preboot
04 Mai are mesaje de eroare mai bune decât Sass
05 Mai are o documentație mai ușor de utilizat decât Sass

Coca-Cola sau Pepsi, Mac sau PC, Marvel sau DC? În fiecare comunitate există o dezbatere despre care este mai bine. Pentru web designeri sau 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 este un pas necesar deoarece browserele moderne nu pot citi tipurile de fișiere.sass sau.less.

Dacă intenționați 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 scrierea CSS mai simplă, mai orientată spre obiect și o experiență mai plăcută. Cu toate acestea, există câteva diferențe cheie.

01 Sass este în Ruby în timp ce mai puțin este în Javascript

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 deja existenți, care utilizează deja @, astfel încât aceasta ar putea să întărească puțin curba de învățare.

03 Sass are compasul în timp ce 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 întreg site-ul).

Sass are Compass disponibil pentru mixins, care include toate opțiunile disponibile cu actualizări pentru asistență viitoare.

Mai putin are Preboot.less, Mai putine mixuri, mai putine elemente, gs si 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 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 tipo.

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 adoptare ale fie Sass sau LESS, deoarece este o platformă concepută pentru a fi utilizată în designul site-ului web.