Este documento describe los preprocesadores CSS como programas que convierten código CSS escrito en una sintaxis más lógica y organizada en CSS final que puede ser interpretado por los navegadores. Explica que Less CSS es un preprocesador popular y que las características comunes de los preprocesadores incluyen variables, reutilización de código, operaciones y funciones que permiten escribir hojas de estilo más limpias y fáciles de mantener.

1. Preprocesadores CSS
con LessCSS
Esteban Beltrán
@academo
www.cucutatecnologica.com

2. ¿Que es un preprocesador?
● Programa separado que prepara el texto
para ser procesado por el
programa/compilador/interprete principal
● Permite escribir código CSS más logico,
organizado y facil de mantener

3. Que es un preprocesador de CSS?
● Programa que convierte CSS escrito en la
sintaxis del preprocesador especifico y lo
convierte en CSS final que será interpretado
por el navegador web

4. Preprocesadores Existentes?
● Less CSS
● Sass
● CSS Crush
● Turbine
● Switch CSS
● Muchos más...

5. Para que nos sirven?

6. Carácteristicas Comunes
● Codigo organizado
● Variables
● Reutilización de Código
● Operaciones
● Funciones
● Comentarios de una linea
● Mixings

7. Ventajas
● Código más organizado
● Proyectos más fáciles de mantener
● Reutilización de código

8. Desventajas
● Debe aprender a usarse (nada dificil)
● Todo el equipo de desarrollo debe usarlo
● Una vez lo usas no quieres volver a CSS
común (es esa una desventaja?)

9. Vamos a la práctica!