Preprocesadores CSS
con LessCSS
Esteban Beltrán
Twitter: @academo
Integrante de AVANET
¿Que es un preprocesador?
●
Programa separado que
prepara el texto para ser
procesado por el
programa/compilador/int
erpre...
¿Que es un preprocesador?
●
Programa que convierte
CSS escrito en la sintaxis
del preprocesador
especifico y lo convierte
...
Preprocesadores
Existentes?
http://gnoma.es/blog/10-errores-comu
nes-de-disenadores-web-novatos/
● Less CSS
● Sass
● CSS C...
Para que nos sirven?
http://gnoma.es/blog/10-errores-comu
nes-de-programadores-web-novatos/
Carácteristicas Comunes
●
Codigo organizado
●
Variables
●
Reutilización de Código
●
Operaciones
●
Funciones
●
Comentarios ...
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 quiere...
Vamos a la práctica!
Próxima SlideShare
Cargando en…5
×

Preprocesadores CSS con LessCSS

469 visualizaciones

Publicado el

Nuestro compañero @academo nos enseña sobre "Preprocesadores CSS con LessCSS" sí gustas pásate por nuestro canal en YouTube para ver la grabación de la charla -> http://youtu.be/81Gb2JxfdRU

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

No hay notas en la diapositiva.

Preprocesadores CSS con LessCSS

  1. 1. Preprocesadores CSS con LessCSS Esteban Beltrán Twitter: @academo Integrante de AVANET
  2. 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. 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. 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. 5. Para que nos sirven? http://gnoma.es/blog/10-errores-comu nes-de-programadores-web-novatos/
  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!

×