Sass i LESS preprocesori

Web programeri trebaju biti upoznati sa jednim ili oba preprocitelja

Koks ili Pepsi, Mac ili PC, Marvel ili DC? U svakoj zajednici postoji debata o tome koja je bolja. Za web dizajnere ili programera, ta rasprava je Sass ili Manje.

Šta su Sass i LESS?

Sintaktički Izuzetno stilski stilovi (Sass) i Leaner CSS (LESS) su oba precesora CSS-a. To su posebni dodatci za stilove koji omogućavaju lakše i efikasnije projektovanje. I Sass i LESS kompajliraju se u CSS stilove tako da ih čitači mogu pročitati, što je neophodan korak jer savremeni pretraživači ne mogu čitati .sass ili bez vrste datoteka.

Ako planirate da budete u svetu razvoja weba, dobra je ideja da budete dobro upućeni u jedan od dva preprocora - ili oboje .

Kada se svodi na to, oboje su slične. Oni čine pisanje CSS jednostavnijim, objektno orijentiranim i prijatnijim iskustvom. Ipak, postoji nekoliko ključnih razlika. Pet od njih su navedene ovde.

  • 01 Sass je u Rubiju. Manja je u JavaScriptu

    Sass se nalazi u Rubiju i zahteva instalaciju Ruby-a. Ovo nije velika stvar ako imate Mac. Međutim, duže je instaliranje ako imate Windows mašinu.

    LESS je napravljen u Ruby-u kao što je Sass, ali je prenesen u JavaScript. Da biste koristili LESS, otpremite odgovarajuće JavaScript fajlove na svoj server ili sastavite CSS listove pomoću offline kompajlera.

  • 02 Dodeljivanje varijabli: Sass koristi $; LESS Uses @

    I Sass i LESS koriste specijalizirane karaktere za dodeljivanje varijabli. Na taj način ne morate dalje unositi specifikacije; možete upisati karakter.

    U Sassu, to je znak dolara ($). U LESS-u je simbol (@). Jedina nedostatak za LESS je da postoji nekoliko postojećih CSS selektora koji već koriste @, tako da malo mogu malo ojačati krivu učenja.

  • 03 Sass je kompas, MALI je preplavio

    Sass i LESS imaju proširenja dostupne za integraciju mixina (sposobnost za skladištenje i dijeljenje CSS deklaracija na celom sajtu).

    • Sass ima kompas dostupan za mixins, koji uključuje svaku opciju dostupnu sa ažuriranjima za buduću podršku.

    • LESS ima Preboot.less, LESS Mixins, LESS Elements, gs i Frameless. Softverska podrška LESS-a je više fragmentirana od Sass-a, što dovodi do puno različitih opcija za ekstenzije koje možda ne funkcionišu na isti način. Za vaš projekat, možda će vam trebati svi navedeni dodatci da biste dobili slične performanse Compass-u.

  • 04 Manja ima bolju poruku o grešci nego Sass

    I Sass i LESS su testirani zbog njihove sposobnosti prijavljivanja grešaka u sintaksi. LESS ima tačnije poruke o grešci u testovima jer je prijavio tačnu lokaciju greške.

    Nešto poput ovoga može uštedjeti malo vremena za znojenje zbog greške.

  • 05 Manja ima više prijateljske dokumentacije nego Sass

    Dokumentacija LESS-a je vizuelno privlačna i lakša je pratiti za prvog korisnika. Sass dokumentacija ima mnogo više baze znanja ili wiki podešavanja.

    Ovo je činjenica koja bi mogla biti važna za stopu usvajanja bilo Sass-a ili LESS-a, jer je to platforma dizajnirana za korištenje u dizajnu web sajta.