Els compiladors de CSS són una tendència que els últims anys s'està convertint en una metodologia àgil de treball.
Els que ens dediquem al món del web i hem de desenvolupar un rendiment de front-end, hem de lluitar amb els fulls d’estil. Una de les principals desavantatges que tenen a l’hora de maquetar és que et trobes moltes vegades repetint codi gairebé idèntic, sobretot quan has de treballar amb descendència, és a dir, els elements que estan anidats.
Per estalviar-nos hores amb aquests temes i millorar el comportament dels estils, han aparegut en els últims anys els compiladors de CSS. Què… què són? Doncs són simplement un tipus de sintaxi que està més orientada a un llenguatge de programació.
La avantatge és que aquesta sintaxi no difereix gaire de l’CSS original, l’únic que estalvia temps a l’hora d’escriure’l i també permet segons les nostres necessitats escriure l’CSS convencional. Això sí, si usem qualsevol dels compiladors, hauríem de tenir molt clara l’estructura que seguirà el nostre projecte perquè el codi ens quedi net, maco i el més clar possible.
Avui en dia tenim diversos sistemes per poder treballar d’aquesta forma. Per una banda, existeixen compiladors basats en JavaScript i, per l’altra, els que són més propis de llenguatge de servidor.
Less treballa al costat del client i és més conegut per això, tot i que també podríem executar-lo des del costat del servidor amb Node.js o Rhino. Al costat del client ho farem cridant a l’full d’estils amb extensió .less i després al script de less.js
Una altra forma de treballar amb els arxius .less és fer-ho en un editor de codi normal i corrent i després usar programes que el compilen i el redueixen a una sola línia en CSS. Aquests programes són Winless per a Windows i Less.app per a Mac i tenen la funció que, quan es guarda l’arxiu en el nostre editor, ja s’està compilant en CSS.
Si volem treballar al costat del servidor, tindríem solucions com la de Sass. En aquest cas necessitaràs un servidor de Ruby, un cop instal·lat podem instal·lar SASS amb la consola de comandes.
A partir d’aquí tindrem la possibilitat de treballar amb dos tipus d’arxiu, un és el .SCSS i l’altre .SASS. La segona és una mica més antiga i té una sintaxi més similar a l’CSS tradicional.
Al capdavall, són dues maneres de fer el mateix, aquells que treballen més del costat del client entenc que preferiran més els fulls d’estil less, a més, Bootstrap from Twitter també ho fa servir. No obstant això, si estàs més acostumat a treballar amb la part del servidor, segurament prefereixis el Sass en el qual està basat Compass.
Tens algun preferit? Comenta la teva experiència sobre els compiladors de CSS.
