Preprocesadores CSS    con LessCSS               Esteban Beltrán                   @academo     www.cucutatecnologica.com
¿Que es un preprocesador?●   Programa separado que prepara el texto    para ser procesado por el    programa/compilador/in...
Que es un preprocesador de CSS?●   Programa que convierte CSS escrito en la    sintaxis del preprocesador especifico y lo ...
Preprocesadores Existentes?●   Less CSS●   Sass●   CSS Crush●   Turbine●   Switch CSS●   Muchos más...
Para que nos sirven?
Carácteristicas Comunes●   Codigo organizado●   Variables●   Reutilización de Código●   Operaciones●   Funciones●   Coment...
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 qui...
Vamos a la práctica!
Próxima SlideShare
Cargando en…5
×

Preprocesadores CSS

2.234 visualizaciones

Publicado el

Charla dictada por Esteban Beltrán

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
2.234
En SlideShare
0
De insertados
0
Número de insertados
707
Acciones
Compartido
0
Descargas
15
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Preprocesadores CSS

  1. 1. Preprocesadores CSS con LessCSS Esteban Beltrán @academo www.cucutatecnologica.com
  2. 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. 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. 4. Preprocesadores Existentes?● Less CSS● Sass● CSS Crush● Turbine● Switch CSS● Muchos más...
  5. 5. Para que nos sirven?
  6. 6. Carácteristicas Comunes● Codigo organizado● Variables● Reutilización de Código● Operaciones● Funciones● Comentarios de una linea● Mixings
  7. 7. Ventajas● Código más organizado● Proyectos más fáciles de mantener● Reutilización de código
  8. 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. 9. Vamos a la práctica!

×