📌 [Actualización] Agregando soporte para LocalStorage: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SS0haGSC6vI.html Este video intente grabarlo de una forma un poco mas ágil y rápido (para no hacer un video muy largo) pero con la misma calidad de siempre. Me harían un gran favor si ven el video y me comentan que les pareció :)
Perfecto! en mi caso la verdad es que me gustaría que muchos videos de RU-vid no duraran tanto, a veces no tenemos el tiempo que quisiéramos, así que creo esta idea es excelente. Saludos
hace algunos meses empecé a aprender con algunos tutoriales de este canal que deben tener unos 5 o 6 años. se puede apreciar la profesionalidad con la que ha creciendo el canal. recomendado :)
Excelente aprenderlo de una vez ahora que estoy a punto de egresar, además hoy en día ya casi todo tiene modo oscuro y gracias a ti podre saber utilizarlo para que mis proyectos también lo tengan.
Que buen vídeo man. No sabes cuánto me has ayudado con esto. Viendo solo este vídeo, pienso que SASS me podría ayudar mucho en el futuro, así que me pondré a aprender esta tecnología tan hermosa.
Este video hay que verlos como 3 veces para poder digerir tanta información! Creo que para meterse con Sass hay que entender supr bien el tema de css para comprender que debe hacer sass! gracias por los cursos!
En CSS ahora tambien se pueden usar variables ... Por ejemplo, determinas tu variable así :root { --color-rojo: #f81f01; } y la llamas asi: .clase { background-color: var(--color-rojo); } Hice mi función de DarkMode usando variables en CSS dentro de mi proyecto sin compiladores y sin tener que recordar valores o repetir estilos ... :P
Hola Falcon, la verdad muy excelente tus videos, se aprende mucho, yo estoy estudiando programacion, solo que en este video tu mencionas que los explicaras solo con CSS y JS ya que yo aun no he visto "sas" espero leas mi comentario, me gustaria saber si tienes algun video o podrias hacer uno utilizando solo CSS y JS sin utilizar "sas". Muchas gracias saludos cordiales
Excelente, he seguido muchos de tus vídeos y realmente he aprendido mucho. Gracias por ese aporte,hay cosas que ya manejaba pero me ha ayudado a afianzar así que no solo sirve para los iniciantes. Me gustaría que sacaras secciones del backend con Js: con mongoDB. O manejo de algún frameworks con Angular. De igual forma admiro mucho el tiempo que tomas para explicar en cada video.
tengo un problema cuando le doy inspeccionar elemento para ver como quedo con el responsive los logos se devuelven a como estaban antes de darle estilo, ademas de que no me funciona para aplicar el modo oscuro en algunas pantallas de celular
No se porqué no logro poder poner los icon de fa centrados como acá, quedan hacia arriba, intenté margin pero agranda el tamaño del slide ese, flex y tampoco, no hay caso y hasta copié el mismo codigo y nada
Soy nuevo en esto y... si me salio la practica solo que quisiera cambiar la forma de las Cards, poner un titulo y agregar un solo boton que quede debajo del titulo, el problema es que cuando lo hago en ese diseño el titulo queda debajo de la fotografia ¿Como lo cambio? AYUUUUDAAAA
Excelente. Muchas gracias. Una pregunta: me queda un recuadro de un color anaranjado por fuera del botón a pesar de no tener borde ni outline. ¿Cómo podría quitarlo?. Gracias!
Muchas gracias, explicas súper! Tengo una consulta, cómo se haría si por último quisiera que las imágenes se vieran un poco opacas y grises? Por el tema del brillo. Saludos!
Muy buen video, muchas gracias, sabes estoy iniciando en este ambiente y aun no entiendo muchas cosas, trato de replicar lo que nos muestras en el video pero en la parte del boton para el switch coloco el after (pero en CSS) y en lugar de aparecerme un boton me aparecen dos, te paso parte del codigo: .switch { background: #343D5B; border-radius: 1000px; border: none; position: relative; cursor: pointer; display: flex; outline: none; } .switch ::after { content: ""; display: block; width: 29px; height: 29px; position: absolute; background: #f1f1f1; top: 0; left: unset; right: 0; border-radius: 100px; transition: .3s ease all; box-shadow: 0px 0px 2px 2px rgba(red, green, blue, alpha); } span { width: 30px; height: 30px; position: relative; line-height: 30px; display: block; background: none; color: #fff; }
¿Puede ser que cuando uno cambie de página (por ejemplo, en el ejemplo de tu nav, si uno hace click en "contacto" se va a otra página) vuelva al modo claro? La onda es que quede se quede definitivamente en el modo que elija el usuario hasta que el usuario vuelva a apretar el botón
Si se puede, pero todo depende de como estas siviendo la página nueva a la que estas accediendo, ya que dependiendo de eso puedes usar localstorage, como lo enseño en este video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SS0haGSC6vI.html O usar cookies para guardar la preferencia y que el servidor devuelva la página en dark mode directamente.
Buenas alguien que me ayude, hice mi pagina con el modo oscuro y modo claro pero cuando activo el modo oscuro y paso de index a por ejemplo home y se desactiva el modo oscuro , quisiera saber como hacer en JS para que se mantenga el modo oscuro en todos los apartados de mi pagina
Muy bueno tu video, directo al hueso, lo implemente en en una pagina en la que estoy trabajando, y me funciona genial solo en la media menor a 700px, mas de eso no me coloca de forma dinámica la clase en el body, y por ende no me funciona, sabrías el por que de esto? nuevamente gracias.
Hola a Carlos, primero que todo excelente vídeo, que efecto tan hermoso, segundo, quisiera que me ayudaras con lo siguiente por favor. Me aparece éste mensaje al abrir Visual Studio Coide (Failed to load jshint library. Please install jshint in your workspace folder using 'npm install jshint' or gobally using 'npm install -g jshint' and then press Retry.) Cómo puedo solucionarlo. Mil gracias.
¿Podrías hacer tutorial de un gadget de Blogger que muestre una imagen si el visitante tiene activado el adblock y otra imagen si lo tiene desactivado? Pooorfa.
no me funciona el el js const btnSwitch = document.querySelector("#cambio"); btnSwitch.addEventListener('click', () => { document.body.classList.toggle("oscuro"); btnSwitch.classList.toggle('active'); }); ayuda me aparecePropiedades-noche.js:3 Uncaught TypeError: Cannot read property 'addEventListener' of null español:Propiedades-noche.js: 3 Error de tipo no detectado: No se puede leer la propiedad 'addEventListener' de null
Tengo una pregunta Falcón Master cuándo recargue la página vuelve al modo claro ¿Cómo puedo hacer que aunque se recargue la página se mantenga el modo oscuro si lo activo?
Hola, se que no tienen nada que ver con el vídeo pero tengo una duda. ¿hay alguna manera de hacer que con javascript un input tome un valor de ahí? Es decir, si por ejemplo tengo en html... Document y tengo en javascript var random=Math.round(Math.random()*100); ¿como puedo hacer que el valor random lo tome el input? espero no haberte incomodado, te sigo desde algún tiempo y tus vídeos sin lugar a dudas me han ayudado bastante en mi vida estudiantil.
@FalconMasters en el tiempo 20.13 aprox, hablas sobre las variables en Sass. Mi consulta es: existen manera de usar variables sin Sass? (me parece que si) De ser asi, es necesario hoy en dia usar un co-procesador como Sass? Saludos y como siempre, muy buenos tus videos.
Si, se pueden usar variables con CSS, a mucha gente no le gusta usarlas aun por la compatibilidad incluyendome. Sin embargo creo que son importantes y cada vez tenemos que aceptarlas mas.
Hola, me encanto tu video. Quisiera saber si pudieras ayudarme ya que tu lo realizas en html y yo lo estoy implementando en js, por lo cual, no me recoonoce el 'id="switch' de la etiqueta button. He visto otras formas de darle funcionalidad al boton, pero de verdad me gusto mucho el que utilizaste. Muchas gracias! ♥
@@FalconMasters Muchas gracias por responder. Exactamente, yo implemente tu codigo de html en un componente .jsx, y todo funciono correctamente, menos la lectura de la carpeta main.js, por el id dentro del boton. Por lo tanto, no pasa nada cuando hago click sobre el boton, ya que no reconoce la carpeta main. Gracias!
@@florenciafernandez5207 No deberías tener problemas para reconocer el botón ya que estamos obteniendo el boton mediante su ID. Me indicas que estas usando jsx, es decir que estas usando React? De ser así, puedes trabajar como yo, obteniendo el ID, pero tambien agregando un event listener al boton directamente gracias a la propiedad onClick={}