Web programeri trebaju biti upoznati s jednim ili oba predprocesora
Coke ili Pepsi, Mac ili PC, Marvel ili DC? U svakoj zajednici postoji rasprava o tome koja je bolja. Za web dizajnere ili programere, ta rasprava je Sass ili manje.
Što su SASS i LESS?
Sintaktički strašan stilski listovi (Sass) i Leaner CSS (LESS) su oba CSS preprocesori. To su posebni extensions za stilske izraze koji olakšavaju i učinkovitije oblikuju. I Sass i LESS se sastavljaju u CSS stilske listove kako bi ih pregledavali, što je nužan korak jer moderni preglednici ne mogu čitati .sass ili .less vrste datoteka.
Ako namjeravate biti u svijetu razvoja web stranica, dobro je da ste dobro upoznati u jednom od dva predprocesora - ili oboje .
Kada se svodi na to, oboje su slični. Oni čine pisanje CSS jednostavnijim, više orijentirani na objekt i ugodnije iskustvo. Ipak, postoji nekoliko ključnih razlika. Pet ih je navedeno ovdje.
01 Sass je u Rubyju. Manje je u JavaScriptu
LESS je izgrađen u Ruby kao Sass, ali je prebačen na JavaScript. Da biste koristili LESS, prenesite odgovarajuće JavaScript datoteke na svoj poslužitelj ili sastavite CSS listove putem izvanmrežnog prevodioca.
02 Za dodjelu varijabli: Sass koristi $; LESS koristi @
I Sass i LESS koriste specijalizirane znakove za dodjeljivanje varijabli. Na taj način ne morate nastaviti unositi specifikacije; možete upisati znak.
U Sassu je znak dolara ($). U LESS, to je znak na (@). Jedini nedostatak za LESS je da postoji nekoliko postojećih CSS selektora koji već koriste @, tako da može učvrstiti krivulju učenja malo.
03 Sass ima kompas, LESS ima preboot
Sass i LESS imaju proširenja koja su dostupna za integraciju miksina (mogućnost spremanja i dijeljenja CSS deklaracija na cijelom mjestu).
Sass ima Compass dostupan za mixine, što uključuje svaku mogućnost dostupnu s ažuriranjima za buduću podršku.
LESS ima Preboot.less, LESS Mixins, manje elemente, gs i Frameless. LESSova softverska podrška je fragmentirana od Sass, što rezultira mnogo različitih opcija za proširenja koja možda neće funkcionirati na isti način. Za vaš projekt možda ćete trebati sva navedena proširenja kako biste dobili sličnu izvedbu Kompase.
04 LESS ima bolje poruke o pogreškama nego Sass
I Sass i LESS testirani su za njihovu sposobnost da izvješćeju pogreške u sintaksi. LESS ima preciznije poruke o pogreškama u testovima po tome što je izvijestio ispravno mjesto pogreške.
Nešto poput ovoga moglo bi uštedjeti malo vremena znojenjem zbog pogreške.
05 LESS ima više user-friendly dokumentacije nego Sass
Dokumentacija LESS vizualno je privlačna i lakše je pratiti za prvi put korisnici. Dokumentacija Sass ima puno više baze znanja ili wiki postavljanja.
To je činjenica koja bi mogla biti važna za stupanj usvajanja bilo Sass ili LESS jer je platforma dizajnirana za upotrebu u dizajnu web stranica.