Aprende Sass desde cero: Curso básico de preprocesamiento de CSS

• #1 - Introducción
• #2 - Instalar Sass y ponerlo en Marcha
• #3 - Primeros Pasos en Sass
• #4 - Anidación de Código (Nesting)
• #5 - Los Comentarios en Sass

• #6 - Las Variables en Sass
• #7 - Los Mixins en Sass
• #8 - Extender Estilos con los @extend y %Placeholder
• #9 - La regla import y los Partials

• #10 - Funciones de Color
• #11 - Los Media Queries en Sass
• #12 - Interpolación de variables
• #13 - Directiva de control @if y @else
• #14 - Directiva de control @for
• #15 - Directiva de control @while
• #16 - Directiva de control @each

deskpro123 dijo:

algun ejemplo para que podria servir el sass?

Hacer clic para expandir...

johanso dijo:

Rapidez, eficiencia al escribir estilos Css. Cuando trabajar con CSS es pan de todos los días, usar un preprocesador te ahorra ufff,, diará que un 50% de trabajo.

Hacer clic para expandir...

Rafaelini dijo:

Johanso, felicidades por la claridad de la explicación, la calidad del audio. Tienes buena voz para un videotutorial, y a pesar de que es un videotutorial en "vivo" (no un script pregrabado) es muy concreto. Bien. :encouragement:

Mi primer pregunta...

1) ¿Dónde se ponen las preguntas de tu curso, en los comentarios de Youtube, en este mismo post, en tu blog?
// Por donde quieras.

Y ya las preguntas concretas... (escojo preguntar aquí)

2) Las instrucciones para vigilar (watch) a un archivo sass, ¿hay que escribirlas cada vez que se inicia windows (o el s.o. que sea), o hay una especie de registro de archivos vigilados? ¿Y si se usa el scout?
// Bueno creo que que si necesitas escribir las diferentes instrucciones cada vez que inicie el sistema porque estamos trabajando directamente con componentes del sistema operativo, ya sea en Wins, Mac o Linux, Scout hace lo mismo que hacemos nosotros, las mismas instrucciones y todo... la diferencia es que en Scout todo es visual y amigable, pero a la final hace el mismo proceso e igual se debe de poner en marcha después de haberse cerrado . Aunque también cabe decir que si existe algún truco avanzado para esto, lo desconozco.

3) Entiendo que al usar un preprocesador css el output puede dividirse en diferentes hojas de estilos, o viceversa, diferentes hojas sass a una sola css, pero aquí noto que es una hoja sass por una de css de salida. ¿Sí se puede?
//Claro, también tenemos esas opciones en Sass, el video 9 trata algo de eso, la regla import y los partials,,, Ahora esto solo es lo básico de Sass, su potencial es muy bueno..

Hacer clic para expandir...