Bilbostack 2013

Preprocesadores CSS

Naiara Abaroa  · 
css

Presentación

HTML (pincha para descargar)

Vídeo

Transcripción

Extracto de la transcripción automática del vídeo realizada por YouTube.

vamos a empezar de procesadores de ingleses e íbamos a dar una vuelta por el espacio mientras os explico lo que es procesador es lo que son los procesadores explicó un poquito que soy soy nada soy diseñadora web blogger y bueno ahora estoy con estudiando el

procesador es posible vamos a ver para qué sirven los procesadores cual hay que usar cuando hay que usar para saber la base de los pre procesadores como hay que instalarlos y algunas utilidades y consejos mejor espero que no y entonces para qué vamos a usar

un procesador de lenguaje tse se despreocupa un lenguaje super básico tú escribes el css si escribes algo debajo pues sobre si siempre pone al que si has escrito una clase igual marcha kenia baja al de arriba y ya está el flujo desde abajo arriba si pones

un importante también lo machaca ahí y punto pelota es un lenguaje sencillo y que no tiene variables no tiene funciones no tiene un montón no tiene operaciones no tiene un montón de cosas interesantes que lo podría hacer mucho más potente como que estaban

en ello pero de momento es lo que tenemos entonces los los procesadores vienen a ayudarnos con esta tarea y nos soluciona la papeleta entonces pero que son en realidad es una palabra un poco rara y del procesador que será entonces básicamente es una herramienta

que podemos meterla en nuestro proyecto que hará así como para explicarlo de una manera gráfica nos hace un clon del css donde si podemos instalar si podemos usar variables funciones operaciones luego lo que se compila y tenemos el como resultado nuestro css

entonces es una manera fácil de meterle variables y todas las cosas que queremos a nuestro cese entonces vamos a ver una demo pequeñita para que para que no se haga nada vea como tenemos aquí una demo que he hecho rápidamente próximas tenemos varios colores

apetito entonces vemos aquí que tenemos en paquetes es ese y aquí la copia de la carpeta pagar cosas por ejemplo entonces vemos el clon aquí el s css y aquí el cese es entonces si cambiamos este color ah no lo comprendo veamos el color que no ha aprendido

ninguno de memoria ha dicho a su nueva vida fija si así lo guardamos vemos en la terminal que luego os explicaré cómo se instala que tenemos una terminal tuvimos que hacerlo por línea de código podemos usar varias utilidades pero bueno yo lo hago de esta manera

vemos que sobre escribe el css pero el resultado entonces que hemos hecho es no sólo un gol pero yo en el código tenía puesto con algunas instrucciones de colores ese color que es el color no es deseado los dos con 10 10 más claros y diez más claro entonces

[ ... ]

Nota: se han omitido las otras 1.238 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.