¿Coca-Cola o Pepsi, Mac o PC, Marvel o DC? En cada comunidad, hay un debate sobre cuál es mejor. Para diseñadores web o desarrolladores, ese debate es Sass o LESS.
Syntactically Awesome Stylesheets (Sass) y Leaner CSS (LESS) son preprocesadores de CSS. Son extensiones especiales de hojas de estilo que hacen que el diseño sea más fácil y eficiente. Tanto Sass como LESS se compilan en hojas de estilo CSS para que los navegadores puedan leerlas. Este es un paso necesario porque los navegadores modernos no pueden leer los tipos de archivo .sass o .less.
Si planeas estar en el mundo de la web desarrollo, es una buena idea estar bien versado en uno de los dos preprocesadores, si no en ambos. Cuando se trata de eso, tienen muchas similitudes. Hacen que escribir CSS sea más simple, más orientado a objetos y más divertido. Sin embargo, hay algunas diferencias clave.
Sass está en Ruby mientras que LESS está en Javascript
![Diseñadores revisando ideas en una computadora de escritorio](/f/bc7432e657d52ad4f932abb772a614ad.jpg)
Sass está basado en Ruby y requiere una instalación de Ruby. Esto no es gran cosa si tienes una Mac. Sin embargo, es una instalación más larga si tiene una máquina con Windows.
LESS fue construido en Ruby, como Sass, pero ha sido portado a JavaScript. Para usar LESS, debe cargar los archivos JavaScript aplicables a su servidor o compilar las hojas CSS a través de un compilador fuera de línea.
Para asignar variables, Sass usa '$' mientras que LESS usa '@'
![dos programadores masculinos de CSS sentados frente a una computadora portátil y un monitor de escritorio en una oficina](/f/ba6d8281ab451a7877adb8a3dff58370.jpg)
Tanto Sass como LESS usan caracteres especializados para asignar variables. Esto es parte del beneficio de usar estos preprocesadores. No tiene que seguir ingresando especificaciones cada vez que desee asignar variables. En su lugar, solo puede ingresar el carácter.
En Sass, es el signo de dólar ($). En LESS, es el símbolo "arroba" (@). El único inconveniente de LESS es que existen algunos selectores de CSS que ya usan @. Esa complicación podría endurecer un poco la curva de aprendizaje.
Sass tiene brújula mientras que LESS tiene prearranque
![grupo de programadores web sentados con computadoras portátiles, una computadora portátil que muestra líneas de código](/f/e539d53b7aa15dd3bfd8b0867e862bef.jpg)
Sass y LESS tienen extensiones disponibles para integrar mixins (la capacidad de almacenar y compartir declaraciones CSS en un sitio).
Sass usa Compass para mixins, que incluye todas las opciones disponibles con actualizaciones para soporte futuro.
LESS tiene Preboot.less, LESS Mixins, LESS Elements, gs y Frameless. El soporte de software de LESS está más fragmentado que Sass, lo que da como resultado muchas opciones diferentes para extensiones que pueden no funcionar todas de la misma manera. Para su proyecto, es posible que deba usar varias (o todas) de las extensiones enumeradas para replicar el rendimiento de Compass.
LESS tiene mejores mensajes de error que Sass
![programador compter mirando a través de líneas de código](/f/641fac06e4a7b88b6e86e8d7755eaf70.jpg)
Tanto Sass como LESS han sido probados por su capacidad para informar errores en la sintaxis. LESS tiene mensajes de error más precisos en las pruebas: informó la ubicación correcta del error. Esto puede ser útil cuando un error tipográfico descarrila el código. Los mensajes de error MENOS pueden ayudarlo a identificar rápidamente el problema.
LESS tiene más documentación fácil de usar que Sass
![programador web sentado frente a una laptop en una cafetería](/f/7c9265e18a9f6807755698de7adb635c.jpg)
La documentación LESS es visualmente atractiva y más fácil de seguir para los usuarios nuevos. La documentación de Sass requiere mucho más conocimiento básico o referencias cruzadas frecuentes con un wiki durante la configuración.
Este hecho en sí mismo podría pesar mucho en las tasas de adopción de Sass o LESS.