[Darrera edició: 27/10/2018]
CSS és un llenguatge extremadament útil però limitat. No disposa de capacitats que serien molt interessants, com ara l’ús de variables o la possibilitat de fer operacions matemàtiques bàsiques o reutilitzar codi amb comoditat. Això és així per una sèrie de decisions que es van prendre en la seva creació. Per pal·liar aquestes limitacions per als dissenyadors i desenvolupadors que ho desitgin, hi ha els preprocessadors, programes que permeten escriure els nostres fulls d’estil usant les característiques que hem comentat, i d’altres, en un llenguatge una mica més complex que CSS i que després ‘compilen’ o processen aquests fulls d’estil a CSS convencional que podem servir al navegador. De vegades, juntament amb el preprocessador tenim conjunts d’eines que ens faciliten la feina (s’encarreguen, per exemple, que el seu ús es torni transparent, compilant automàticament cada vegada que fem un canvi en el codi).
Dos bons documents que defensen l’ús de preprocessadors són Ten Reasons to use a CSS Preprocessor in 2018 (maig de 2018) i Why Sass (A List Apart, novembre de 2013).
How to Choose the Right CSS Preprocessor (novembre de 2012).
Probablement, ara mateix el preprocessador més popular sigui Sass. Teniu una introducció al seu funcionament a Getting Started with Sass (Sitepoint, març de 2013).
En qualsevol cas, existeixen d’altres preprocessadors, i tots presenten avantatges i inconvenients:
- LESS. (Online LESS Compiler. WinLess. LESS Prefixer. Crunch. SimpLESS.)
- Stylus.
- RCSS.
- ROOLE.
- PostCSS.
- CSS-Crush.
Una bona eina per a treballar amb Sass, LESS i Stylus és Prepros, que disposa de versions per a Windows, Mac OS X i Linux.
I, finalment, un article del gener de 2018 que ens hauria de fer reflexionar: Do you really need a Preprocessor? Use CSS variables instead. Tanmateix primer haurem de comprovar si les variables CSS ja es poden utilitzar en els diferents navegadors.