Te voy a decir como definimos a tipos como vos aca en argentina: MAESTRO... y no solo refiere a tu conocimiento sino a tu claridad para explicar y mostrar. GRACIAS
mira que he visto varios tutoriales de Sass pero no habia entendido un cuerno...ahora que gracias a ti he implementado prepros y todas estas magias entiendo TODO!!...Gracias por compartir Alvaro..
Que gran profesor eres!, he estado empezando con Sass y al principio me daba hasta pereza instalar todo pero merece la pena, ademas trabajo con Atom y echándole un poco de tiempo conseguí compilar dentro del propio IDE que es lo que quería la instalación no fue tan difícil, instale un paquete de Atom para compilar directamente y que requería node.js y node-sass y ahora estoy contentísimo con el resultado.
hola, estoy empezando con atom, y trabajo con sass, me podrías regalar los pasos de como hiciste que compilara en el mismo editor, busque el paquete node-sass en atom pero no lo encontré, te agradezco por la ayuda que me puedas dar.
Excelente esto esta muy chevere y pensar que no quería al principio por que me pareció enredado nada de eso, esta si es la mejor herramienta y forma de trabajar, Muchas gracias por este gran aporte
Un genio. Eres un genio. Soy programador PHP, he creado mi pequeño framework para empezar a hacer trabajos web y al estar solo necesito saber crear interfaces gráficas y gracias a ti ya le perdi el miedo al HTML y CSS porque sin herramientas que simplifiquen la escritura del mismo es un quebradero de cabeza, ahora después de haber visto tus tres vídeos (prepros, sass y ed-grid) explicativos soy más feliz, literalmente estoy feliz porque podré hacer cualquier cosa con las UI sin tener que dedicarle horas y horas y horas a cosas tediosas. Simplemente gracias!!!
He visto muchos tutoriales explicados por peruanos, y la verdad la gran amyoría que he visto son tutoriales exquisitos. Te agradezco enormemente. Es una mina de oro tu canal. Saludos desde Argentina! Merecés que te invite a un asado.
buenas noches estoy tratando de hacer esta practica pero el preposs no me muestra la previsulizacionestoy usando jade y sass, se esta realizando correctamente la complilacion y se crearon los archivos index.html y estilos.css. No se por qye no los puedo previzualisar con ningun navegador tego instalado chrome, firefox y explorer. ¿aque se devera?. Excelente video.
Excelente video. Por cierto, es preferible usar la versión de Sass basada en Dart, ya que es la que incluye las últimas características (como el @use).
Hola Felipe, buen día, es posible (y si tienes información me gustaría que me la compartieras= integrar Jade, Prepos en proyectos con Laravel, Yii o Rails? Saludos
8 ปีที่แล้ว
es mi primera vez usasando sas, se hacen los dos archivos con el mismo nombre .scss y .css y al guardar el .scss automaticamnte se actualiza el css?
Desde hace un tiempo que conozco de estos preprocesadores pero no me he animado ni a probarlo, creo que ya es tiempo, gracias por la motivación y el tuto =D
Te agradecería si en el futuro pudieses incluir algún mini-tutorial acerca de configurar el Live Preview de Jade. Extrañamente la página propietaría de Jade que instruye en esta área, está caída: :/
Excelente tutorial como siempre maestro, sólo me quedó la duda de porqué al final había que interpolar el valor y no así al comienzo, en verdad, no entendí en este caso el concepto de interpolación, si pudieras por favor explicarlo te lo agradecería mucho. Saludos!
Genial, tus videos me han ayudado muchísimo y en poco tiempo he avanzado bastante en mi aprendizaje, lo curioso es que llegué a tu canal con el video de los cursos de Platzi que no valen tanto la pena, donde me divertía con sus chistes, pero no aprendía mucho. Gracias men, y ánimo con este proyecto.
Hola Alvaro, te he empezado a seguir y la verdad me parece un tesoro todos tus materiales, pero ahora que estoy aprendiendo Sass con tus talleres, escucho el termino BEM y SMACSS, sería mucho pedir un poco de explicación de esos terminos ? Mil gracias
Alex Lugo smacss es una metdologia para organizar tu codigo css por categorias. Segun smacss son cinco: layout (la posicion de los elementos en la estructura), base (los elementos html sin clases ni ID), modulos (elementos reutilizables), tema (los que le dan el look and feel a la web) y estados (para elementos que tienen estados diferentes como un menu en su estado colapsado y expandido). BEM es un metodo para organizar coherentemente las clases, viene de Bloque, Elemento, Modificador. En el ultimo video de este canal, he creado un proyecto completo usando Smacss y Bem. Además, si me da el tiempo (espero que sí) el proximo video será sobre Smacss, Bem y Oocss.
Wow, como siempre muy claro en todas tus explicaciones y si estaria de super lujo pudieras hacer videos con esos 3 temas, estaré al pendiente, mil gracias !!!!
Excelente video. Te felicito, está muy bien explicado. Contenido clarísimo y sin interrupciones. Me has dejado el deseo de instalar Sass tan pronto como sea posible. Buscaré en tu canal si tienes parecido referente a Jade. En relación a lo que dice el amigo #benjigoenitz concurro en su crítica acerca de Platzi: ellos son excelentes profesionales en su área también, pero carecen de un elemento crítico en la enseñanza a través de Internet: PEDAGOGÍA (cosa típica de muchos profesionales que hacen clases). Saludos desde Chile.
My bueno de verdad, eres muy bueno explicando, muy didactico , estaba indeciso entre Stylus y Sass pero gracias a tu buena introduccion decidi por Sass ;) :)
Muy bien, aunque vas a mil y hay que tener algo de conocimiento preconcebido para mas o menos seguirte el rastro pero bien. Apenas estoy incursionando en SASS y veo que es una erramienta muy poderosa. Ya me he suscrito a tu canal y le di like. Saludos!
Hola Alvaro, estoy viendo estos videos de hace un tiempo, tengo dos preguntas: 1. cual es la extensión que usas para el reloj dentro de la pestaña nueva del chrome aparte de la de pinterest? 2. Cuales son las extensiones que usas en tu navegador actualmente? Saludos, buen trabajo amigo, este canal realmente vale la pena
Una pregunta Alvaro, recién me inicio en Sass y veo que se pueden usar 2 sintaxis: 1) .sass 2) .scss Me he descargado la última versión de prepros y no me compila .sass (el .scss si funciona bien), me crea la hoja de estilos, pero vacía ¿Sabes si el prepros compila .sass sin problema? Porque a mi no me está funcionando. Espero puedas responderme, y si alguno otro puede, también se lo agradeceré. Gracias
Bueno en realidad me entró una curiosidad por .sass ya que su sintaxis no requiere o requería de llave de cierre, algo paradecido a jade. Por eso preguntaba, curiosidad.
Gracias, sincera mente he aprendido muchísimo mas con tus vídeos que con el curso de pago.... lastima que encontré tus vídeos ya muy tarde (cuando ya pague el curso de platzi.la y lo peor para 1 año NOOOOOooooooooo)
Me gustó el video, justo estaba iniciando un proyecto con SASS. Seria buenísimo un tutorial de BEM y SMACSS ya que no hay en español! Pero OJO si se puede hacer con Stylus aquí te dejo el código codepen.io/started/pen/emxJab
Waw, ahora me doy cuenta de la razon de que los @mixin no me funcionaban, y era porque estaba utilizando @import para la llamada del mixin, muchas gracias. 🤣🤣🤣❤
Sabras Como hacer para que el 100 se incremente de 100 en 100 hasta 900 en background? $red-100: #FFCDD2; $red-200: #EF9A9A; $red-300: #E57373; $red-400: #EF5350; $red-500: #F44336; $red-600: #E53935; $red-700: #D32F2F; $red-800: #C62828; $red-900: #B71C1C; @for$i from 1 through 9 { .red-#{$i*100} { /* Como hacer para que el 100 se incremente de 100 en 100 hasta 900 en background $red-100; $red-200; */ background: $red-100; } }
Si son dos sintaxis. Pero me paso igual en los archivos .sass a comparación de .scss no se utilizan {} y tambien ;. Es verdad que el .scss es mas recomendado hasta la pagina oficial recomienda esa sintaxis.
Te voy a decir como definimos a tipos como vos aca en argentina: MAESTRO... y no solo refiere a tu conocimiento sino a tu claridad para explicar y mostrar. GRACIAS
mira que he visto varios tutoriales de Sass pero no habia entendido un cuerno...ahora que gracias a ti he implementado prepros y todas estas magias entiendo TODO!!...Gracias por compartir Alvaro..
Que gran profesor eres!, he estado empezando con Sass y al principio me daba hasta pereza instalar todo pero merece la pena, ademas trabajo con Atom y echándole un poco de tiempo conseguí compilar dentro del propio IDE que es lo que quería la instalación no fue tan difícil, instale un paquete de Atom para compilar directamente y que requería node.js y node-sass y ahora estoy contentísimo con el resultado.
hola, estoy empezando con atom, y trabajo con sass, me podrías regalar los pasos de como hiciste que compilara en el mismo editor, busque el paquete node-sass en atom pero no lo encontré, te agradezco por la ayuda que me puedas dar.
hace un par de días estaba estudiando y descubrí el canal, muy bueno, felicitaciones hasta ahora con los vídeos que vi apoyo total!
Alvaro muchas gracias por compartir estos tutoriales en forma gratuita.
Excelente esto esta muy chevere y pensar que no quería al principio por que me pareció enredado nada de eso, esta si es la mejor herramienta y forma de trabajar, Muchas gracias por este gran aporte
Un genio. Eres un genio. Soy programador PHP, he creado mi pequeño framework para empezar a hacer trabajos web y al estar solo necesito saber crear interfaces gráficas y gracias a ti ya le perdi el miedo al HTML y CSS porque sin herramientas que simplifiquen la escritura del mismo es un quebradero de cabeza, ahora después de haber visto tus tres vídeos (prepros, sass y ed-grid) explicativos soy más feliz, literalmente estoy feliz porque podré hacer cualquier cosa con las UI sin tener que dedicarle horas y horas y horas a cosas tediosas. Simplemente gracias!!!
Jonathan Rodriguez me alegro que te sirva. Espero saber tus experiencias para poder apoyarte en lo que surja. Gracias por la buena onda.
He visto muchos tutoriales explicados por peruanos, y la verdad la gran amyoría que he visto son tutoriales exquisitos. Te agradezco enormemente. Es una mina de oro tu canal. Saludos desde Argentina! Merecés que te invite a un asado.
mis respetos para sass y para ud. que magnifico
Muchas gracias! desde los primeros 3 minutos de tu video pude compilar mi primer proyecto en sass. Tu información super concisa!
Gracias estaba buscando como empezar con sass pero todo esta en ingles, muy bien explicado. Saludos desde Bogotá Colombia
Increible explicación, muy buena herramienta ni idea que existia.
es un tutorial viejo sin embargo explicas muy bien (aun para personas que recien conocen este tipo de herramientas).
Muy buenos tus videos.
Como se llama al aplicas ion para tomar el color rgb que usas, gracias excelentes videos
buenas noches estoy tratando de hacer esta practica pero el preposs no me muestra la previsulizacionestoy usando jade y sass, se esta realizando correctamente la complilacion y se crearon los archivos index.html y estilos.css. No se por qye no los puedo previzualisar con ningun navegador tego instalado chrome, firefox y explorer. ¿aque se devera?.
Excelente video.
hola alvaro, quisiera que opiniones tiene acerca del editor de código brackets, nose si has tenido la oportunidad de probarlo.
Esto es increíble, cómo pude vivir hasta acá sin Sass
Estoy impresionado, realmente..., tienes un basto conocimiento.
Excelente video. Por cierto, es preferible usar la versión de Sass basada en Dart, ya que es la que incluye las últimas características (como el @use).
Muuuuy bueno. Gracias por ser tan explicativo, verdadera vocación de educador!
Gracias!!!!! Sass es lo máximo, espero y subas más videos de Sass... Estoy emocionada :)
Hola Felipe, buen día, es posible (y si tienes información me gustaría que me la compartieras= integrar Jade, Prepos en proyectos con Laravel, Yii o Rails? Saludos
es mi primera vez usasando sas, se hacen los dos archivos con el mismo nombre .scss y .css y al guardar el .scss automaticamnte se actualiza el css?
Desde hace un tiempo que conozco de estos preprocesadores pero no me he animado ni a probarlo, creo que ya es tiempo, gracias por la motivación y el tuto =D
¡Excelente este vídeo! Recién estaba aprendiendo LESS, pero creo que mejor voy empezar con SASS. Me gustó mucho más que LESS. Saludos.
Te agradecería si en el futuro pudieses incluir algún mini-tutorial acerca de configurar el Live Preview de Jade. Extrañamente la página propietaría de Jade que instruye en esta área, está caída: :/
Muy bueno como siempre. Saludos desde Mexico.
Brutal este man, explica muy bien y free que es lo mejor
Excelente video Maestro!! ¿ existen pre-procesadores para texto plano?
La explicación es excelente. ¡Muchas gracias!
hola quisiera ver tus videos desde cero, pero no se por donde comenzar
Gracias por tu tiempo excelente contenido
la verdad me ha sido un poco difícil de entender pero es cuestión de practica también, gracias Alvaro, sass es una gran herramienta :)
hola alvaro....una pregunta... al subir los archivos al servidor. ... También se suben los scss y los jade?? o cómo es la cosa? gracias
Buen video, una pregunta. Porque dices que el usar la extension .sass ya cayo en desuso? Que pasa si es que lo utilizo?
Buen vídeo amigo ! sería genial si pudieras enseñar una tienda virtual web, lo básico sería interesante ese vídeo!!!
El siguiente vídeo?
Genial! Esto es alucinante!
Excelente tutorial como siempre maestro, sólo me quedó la duda de porqué al final había que interpolar el valor y no así al comienzo, en verdad, no entendí en este caso el concepto de interpolación, si pudieras por favor explicarlo te lo agradecería mucho. Saludos!
Genial, espero y en verdad espero tengas un video con mucho mas codigos. Felicidades ;)
como puedo usar sass con el editor brackets???
Escuela Digital muchas gracias por el conocimiento
Excelente trabajo, gracias por el esfuerzo y continúen así!
Excelente!. Que monstruo para el código.
Genial, tus videos me han ayudado muchísimo y en poco tiempo he avanzado bastante en mi aprendizaje, lo curioso es que llegué a tu canal con el video de los cursos de Platzi que no valen tanto la pena, donde me divertía con sus chistes, pero no aprendía mucho. Gracias men, y ánimo con este proyecto.
benjigoenitz gracias!
Y cómo instalas LIBSASS?
Usas jade y no stylus. Tienes algun tutorial de stylus.? Saludos.
Hola Alvaro, te he empezado a seguir y la verdad me parece un tesoro todos tus materiales, pero ahora que estoy aprendiendo Sass con tus talleres, escucho el termino BEM y SMACSS, sería mucho pedir un poco de explicación de esos terminos ?
Mil gracias
Alex Lugo smacss es una metdologia para organizar tu codigo css por categorias. Segun smacss son cinco: layout (la posicion de los elementos en la estructura), base (los elementos html sin clases ni ID), modulos (elementos reutilizables), tema (los que le dan el look and feel a la web) y estados (para elementos que tienen estados diferentes como un menu en su estado colapsado y expandido). BEM es un metodo para organizar coherentemente las clases, viene de Bloque, Elemento, Modificador. En el ultimo video de este canal, he creado un proyecto completo usando Smacss y Bem. Además, si me da el tiempo (espero que sí) el proximo video será sobre Smacss, Bem y Oocss.
Wow, como siempre muy claro en todas tus explicaciones y si estaria de super lujo pudieras hacer videos con esos 3 temas, estaré al pendiente, mil gracias !!!!
Excelente video. Te felicito, está muy bien explicado. Contenido clarísimo y sin interrupciones. Me has dejado el deseo de instalar Sass tan pronto como sea posible. Buscaré en tu canal si tienes parecido referente a Jade. En relación a lo que dice el amigo #benjigoenitz concurro en su crítica acerca de Platzi: ellos son excelentes profesionales en su área también, pero carecen de un elemento crítico en la enseñanza a través de Internet: PEDAGOGÍA (cosa típica de muchos profesionales que hacen clases). Saludos desde Chile.
My bueno de verdad, eres muy bueno explicando, muy didactico , estaba indeciso entre Stylus y Sass pero gracias a tu buena introduccion decidi por Sass ;) :)
jajajaja los vengaboys como banda sonora!! Gracias Alvaro, excelente video.
Muy bien, aunque vas a mil y hay que tener algo de conocimiento preconcebido para mas o menos seguirte el rastro pero bien. Apenas estoy incursionando en SASS y veo que es una erramienta muy poderosa. Ya me he suscrito a tu canal y le di like. Saludos!
Una consulta, cómo haces para que cuando escribes "bg" te aparezca luego "Background"?
Daniel Gemelo yo creo mis propios snippets. Tengo bastantes. En este canal hay un video sobre como crear snippets en sublime, dale una mirada.
Escuela Digital gracias
Hola Alvaro, estoy viendo estos videos de hace un tiempo, tengo dos preguntas:
1. cual es la extensión que usas para el reloj dentro de la pestaña nueva del chrome aparte de la de pinterest?
2. Cuales son las extensiones que usas en tu navegador actualmente?
Saludos, buen trabajo amigo, este canal realmente vale la pena
Muchas Gracias por el video.
hay que instalar algún paquete en sublime text para sass? con jade sí que dijiste que había que hacerlo, de ahí mi pregunta
Hola, si, igualmente hay un plugin para sass
Una pregunta Alvaro, recién me inicio en Sass y veo que se pueden usar 2 sintaxis:
1) .sass
2) .scss
Me he descargado la última versión de prepros y no me compila .sass (el .scss si funciona bien), me crea la hoja de estilos, pero vacía ¿Sabes si el prepros compila .sass sin problema? Porque a mi no me está funcionando.
Espero puedas responderme, y si alguno otro puede, también se lo agradeceré.
Gracias
Bueno en realidad me entró una curiosidad por .sass ya que su sintaxis no requiere o requería de llave de cierre, algo paradecido a jade. Por eso preguntaba, curiosidad.
Jhon Edison para mi que estas usando con llaves.. pues la extension .sass no usa llaves,
por que prepros si compila las dos extensiones!!!
Hola cual es la diferencia en las extenciones, veo .scss y .sass
Ayuda por favor.
Gracias.
scss es la extension actual, la otra ha caido en desuso
Gracias, sincera mente he aprendido muchísimo mas con tus vídeos que con el curso de pago.... lastima que encontré tus vídeos ya muy tarde (cuando ya pague el curso de platzi.la y lo peor para 1 año NOOOOOooooooooo)
Yo también casi caigo en lo mismo pero me abrieron los ojos a tiempo.
Excelente trabajo Alvaro, todos tus vídeos son de excelente contenido y muy bien explicados, no como los de Pla.....
Me gustan tus vídeos, un saludo y gracias!
Que excelente video! Gracias!
Gracias buen vídeo, no sabia que sass era tan poderoso
Me gustó el video, justo estaba iniciando un proyecto con SASS. Seria buenísimo un tutorial de BEM y SMACSS ya que no hay en español!
Pero OJO si se puede hacer con Stylus aquí te dejo el código codepen.io/started/pen/emxJab
Se llaman Hashes en Stylus
muy nutritivo, gracias por el apoyo /../
JOOODEEER, que buen video !!!
Al parecer tu plato preferido es el arroz con pollo. ¡EXCELENTE! buen tutorial.
Gracias.
ServPeru jaja, pero no, mi plato favorito es el tallarín saltado (y)
Increíble!! Esto es perfecto!!! :D
Excelentes vídeos!!
gracias buen video.
muy buen vídeo, sigue así amigo.
excelente
Waw, ahora me doy cuenta de la razon de que los @mixin no me funcionaban, y era porque estaba utilizando @import para la llamada del mixin, muchas gracias. 🤣🤣🤣❤
¿El prepros es de paga?
Xavier Romero si. cuesta 29 U$D
muy copado! :D
Genial!
Crei que sass aun se podia escribir, incluso es mas fácil, ignoras los ; y {}. Corrigeme porfavor si me estoy equivocando
Que pedo Amigo... vos un Pro...
suscrito, eres mejor que los de platzi :'v
Sut Up and take mi like and share, me he vuelto adicto a este canal :v es tu culpa Alvaro
arroz con pollo hmmm que hambre
Sabras Como hacer para que el 100 se incremente de 100 en 100 hasta 900 en background?
$red-100: #FFCDD2;
$red-200: #EF9A9A;
$red-300: #E57373;
$red-400: #EF5350;
$red-500: #F44336;
$red-600: #E53935;
$red-700: #D32F2F;
$red-800: #C62828;
$red-900: #B71C1C;
@for$i from 1 through 9 {
.red-#{$i*100} {
/*
Como hacer para que el 100 se incremente de 100 en 100 hasta 900 en background
$red-100;
$red-200;
*/
background: $red-100;
}
}
ewe No entiendo tu pregunta. Pero si necesitas funciones de color, existen bastantes en Sass. sass-lang.com/documentation/Sass/Script/Functions.html
Escuela Digital para que adelante del background: $red-
cambie de 100 en 100 hasta el 900
Jajaja $arroz-con-pollo... ya le chillaban las tripas a Alvaro XD
Es mejor utilizar el .sass porque ya no tienes que poner los corchetes ni los ;
Scss y sass no son los mismo
Sass es el nombre del lenguaje. Este lenguaje tiene dos sintaxis: scss y sass. La sintaxis recomendada es scss
EDteam Gracias
Si son dos sintaxis. Pero me paso igual en los archivos .sass a comparación de .scss no se utilizan {} y tambien ;. Es verdad que el .scss es mas recomendado hasta la pagina oficial recomienda esa sintaxis.
Estuve probando Less y es una porquería, cero intuitivo. Uso stylus y me está gustando sass :D
"qué interesante*1000"