Preprocesadores CSScon LessCSS

Esteban BeltránTwitter: @academoIntegrante de AVANET

¿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

¿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

Preprocesadores Existentes?

http://gnoma.es/blog/10-errores-comunes-de-disenadores-web-novatos/

● Less CSS● Sass● CSS Crush● Turbine● Switch CSS● Muchos más...

Para que nos sirven?

http://gnoma.es/blog/10-errores-comunes-de-programadores-web-novatos/

Carácteristicas Comunes

● Codigo organizado

● Variables● Reutilización de Código● Operaciones● Funciones● Comentarios de una

linea● Mixings

Ventajas

● Código más organizado

● Proyectos más fáciles de mantener

● Reutilización de código

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?)

Vamos a la práctica!