Sass y menos preprocesadores

Coca -Cola o Pepsi, Mac o PC, Marvel o DC? En cada comunidad, hay un debate sobre el cual es mejor. Para diseñadores o desarrolladores web, ese debate es SASS o menos.

Hojas de estilo sintácticamente impresionantes (SASS) y CSS más delgados (menos) son ambos preprocesadores de CSS. Son extensiones especiales de hoja de estilo que hacen que el diseño sea más fácil y más eficiente. Tanto Sass como menos 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 .sass o .Menos tipos de archivos.

Si planea estar en el mundo del desarrollo web, es una buena idea estar bien versado en uno de los dos preprocesadores, si no ambos. Cuando se trata de eso, tienen muchas similitudes. Hacen que la escritura CSS sea más simple, más orientada a objetos y más agradable. Sin embargo, hay algunas diferencias clave.

01 de 05

Sass está en Ruby, mientras que menos está en JavaScript

Shannon Fagan/Getty Images

Sass se basa 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 de Windows.

Menos se construyó en Ruby, como Sass, pero se ha portado a JavaScript. Para usar menos, debe cargar los archivos JavaScript aplicables a su servidor o compilar las hojas de CSS a través de un compilador fuera de línea.

02 de 05

Para asignar variables, Sass usa '$' mientras menos usa '@'

  Luis Alvarez/Getty Images

Tanto Sass como menos usan caracteres especializados para asignar variables. Esto es parte del beneficio de usar estos preprocesadores. No tiene que seguir ingresando especificaciones cada vez que desea asignar variables. En su lugar, puede ingresar al personaje.

En Sass, es el signo de dólar ($). En menos, es el símbolo "en" (@). El único inconveniente para menos es que hay algunos selectores CSS existentes que ya usan @. Esa complicación podría endurecer un poco la curva de aprendizaje.

03 de 05

Sass tiene brújula, mientras que menos tiene preboot

  Caiaimage/gertty imágenes

Sass y menos tienen extensiones disponibles para integrar mixins (la capacidad de almacenar y compartir declaraciones de CSS en todo un sitio).

Sass usa Compass para Mixins, que incluye todas las opciones disponibles con actualizaciones para futuros soporte.

Menos tiene preboot.menos, menos mezclas, menos elementos, GS y sin marco. El soporte de software de Less está más fragmentado que SASS, lo que resulta en muchas opciones diferentes para extensiones que pueden no funcionar de la misma manera. Para su proyecto, es posible que deba usar múltiples (o todas) las extensiones listadas para replicar el rendimiento de la brújula.

04 de 05

Menos tiene mejores mensajes de error que Sass

  Razvan Chisu/Getty Images

Tanto Sass como menos han sido probados por su capacidad para informar errores en sintaxis. Menos tienen 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 está descarrilando el código. Menos mensajes de error pueden ayudarlo a identificar rápidamente el problema.

05 de 05

Menos tiene una documentación más fácil de usar que Sass

  Hero Images/Getty Images 

La menor documentación es visualmente atractiva y más fácil de seguir para los usuarios primerizos. La documentación de SASS requiere mucho más de conocimiento base o referencias cruzadas frecuentes con un wiki durante la configuración.

Este hecho en sí mismo podría sopesar mucho las tasas de adopción de SASS o menos.