Este documento habla sobre los preprocesadores CSS como LessCSS. Explica que un preprocesador es un programa que convierte código CSS escrito en una sintaxis más lógica y organizada en CSS normal que puede ser interpretado por los navegadores. Menciona algunos preprocesadores populares como Less, Sass y otros, y describe características comunes como variables, reutilización de código y funciones. Finalmente, discute las ventajas de código más organizado y fácil de mantener frente a las desventajas de requerir aprender su uso

1. Preprocesadores CSS
con LessCSS
Esteban Beltrán
Twitter: @academo
Integrante de AVANET

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

3. ¿Que es un preprocesador?
●
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?
http://gnoma.es/blog/10-errores-comu
nes-de-disenadores-web-novatos/
● Less CSS
● Sass
● CSS Crush
● Turbine
● Switch CSS
● Muchos más...

5. Para que nos sirven?
http://gnoma.es/blog/10-errores-comu
nes-de-programadores-web-novatos/

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!