Els desenvolupadors web haurien d'estar familiaritzats amb un o amb els dos preprocessadors
Coke o Pepsi, Mac o PC, Marvel o DC? A cada comunitat hi ha un debat sobre el qual és millor. Per als dissenyadors o desenvolupadors web, aquest debat és Sass o menys.
Què són Sass i menys?
Els fulls d'estils sintètics Awesome (Sass) i Leaner CSS (LESS) són, a la vegada, preprocessadors CSS. Són extensions d'estils especials que fan que el disseny sigui més senzill i eficaç. Tant Sass com LESS es compilen en fulls d'estil CSS perquè els navegadors puguin llegir-los, que és un pas necessari ja que els navegadors moderns no poden llegir els tipus de fitxers .sass ni .less.
Si planeja estar al món del desenvolupament web, és una bona idea estar ben versat en un dels dos preprocessadors -o ambdós .
Quan es tracta d'això, tots dos són similars. Fan que escriure CSS sigui més simple, més orientat a objectes i una experiència més agradable. No obstant això, hi ha algunes diferències clau. Cinc d'ells es llisten aquí.
01 Sass és a Rubí. MENYS està en JavaScript
MENYS es va construir a Ruby com Sass, però s'ha enviat a JavaScript. Per utilitzar LESS, carrega els fitxers de JavaScript aplicables al vostre servidor o compileu les fulles CSS a través d'un compilador fora de línia.
02 Assignar variables: Sass usa $; MENYS Utilitza @
Tant Sass com LESS utilitzen caràcters especialitzats per assignar variables. D'aquesta manera no haureu de seguir introduint especificacions; només podeu introduir el caràcter.
A Sass, és el signe de dòlar ($). A MENUS, és el símbol a (@). L'únic inconvenient de LESS és que hi ha uns pocs selectors CSS existents que ja utilitzen @, de manera que pot estrènyer una mica la corba d'aprenentatge.
03 Sass té brúixola, menys té preboot
Sass i LESS tenen extensions disponibles per integrar mixins (la capacitat d'emmagatzemar i compartir declaracions CSS en un lloc).
Sass disposa de Compass disponible per a mixins, que inclou totes les opcions disponibles amb actualitzacions per al suport futur.
MENYS té Preboot.less, LESS Mixins, LESS Elements, gs i Frameless. L'assistència de programari de LESS està més fragmentada que Sass, donant lloc a moltes opcions diferents per a les extensions que potser no totes funcionin de la mateixa manera. Pel vostre projecte, és possible que necessiteu totes les extensions incloses per obtenir un rendiment similar a Compass.
04 MENYS Té millors missatges d'error que Sass
Tant Sass com LESS han estat provats per la seva capacitat d'informar errors en la sintaxi. MENYS té missatges d'error més precisos en les proves en què va informar la ubicació correcta de l'error.
Alguna cosa així podria estalviar una mica de temps suant un error tipogràfic.
05 MENYS Té més documentació fàcil d'usar que Sass
La documentació LESS és visualment atractiva i més senzilla de seguir per als usuaris per primera vegada. La documentació de Sass té molt més d'una base de coneixement o configuració de wiki.
Això és un fet que podria ser important per a les tarifes d'adopció de Sass o LESS ja que és una plataforma dissenyada per al seu ús en disseny de llocs web.