Preprocesadores CSS con LessCSS
0 recomendaciones527 vistas
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
Preprocesadores CSS con LessCSS
- 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!