Excelente forma de explicarlo y sin enriedos, a la velocidad ideal para poder aprender. Muchas gracias por tu aporte hasta ahora es el mejor video que me ha hecho entender el responsive
Buena guía, gracias por compartir, una pregunta, si le añado un submenu a alguno de los , cual seria la forma mas óptima de mostrar y ocultar ese submenu en el modo movil?.
Hola gracias por compartir. Por qué cuando coloco el input como hermano de main-menu a mi no me funciona. estoy haciendo todo lo que tú haces. Lo que a mi página le ocurre es que la barra de menú se baja un poco más en modo escritorio y en modo móvil, ya el icono de menu ya no es clickeable. Por qué será?. Gracias
Hola Dorian, acabo de ver tu video y de momento solo quiero saber como hacer para que en la versión móvil, inicie sólo con el botón de hamburguesa y no el menú ya desplegado. Muchas gracias. Saludos.
Hola. Excelente tutorial. Cuando se aplica el procedimiento para que funcione sin java scritp, se pierde el cursor Pointer. Que se puede hacer en ese caso?
Help! Alguien sabe como hizo el profe para poner => EN ESTE LUGAR ('click'() => Porque no funciona con el signo igual = y mayor que >. Tengo que armar i primer proyecto.GRACIAS
muy buen videooo! muchisimas gracias, estoy aprendiendo y me habia trabado un poco con el tema del menu responsive, con este video lo entendí muy bien la verdad. Gracias un saludo! nuevo sub :)
al poner en img el max-width 100% el menu se ve muy grande, tengo que ponerlo en 1.5% para que se vea pequeño luego el menú queda fuera del color y texto, no se mete dentro del color
Excelente video, ayuda un montón a poner a trabajar el cerebro, aunque en la vida real, es solo JS.. sigue asi con excelente contenido Bro... Saludos...
Genial. No se pueden explicar las cosas mejor. Haces que parezca todo fácil. Por cierto aunque sea otro tema ¿qué es mejor o qué diferencia hay entre linkear una font en el HTML o hacer un @import de esa font en el CSS...? y es mejor hacer un CDN o ejecutar en local? por el performance... Gracias por todo... te deseo lo mejor.
Muchas gracias me ayudaste demaciado, solo que hay 1 cosa que no entiendo (soy nuevo en esto, estoy aprendiendo) en el minuto 6:46, cuando escribes lo de java, te salen unas opciones con una llave, y otro simbolito, por lo que veo usas una de esas, pero en mi vscode no me salen, solo las de los rectángulos, como puedo activarlas?
No es acaso una mala práctica tener el @media después de cada cosa que escribas en mobile first? No sería mejor, tener al final del todo, las medias necesarias, o incluso 1 media para tablet y 1 media para pc? Después de todo en la misma que tenías ya podías agregar el .toggle-menu {display:none;} La pregunta no es a modo de criticar, es realmente porque estoy aprendiendo desarrollo web y así me enseñaron que era la mejor práctica. ¿Existe algún motivo por el cual poner y repetir las @medias?
Buenas alguien sabe si existe una solución para eso que pasa cuando cambias a vista mobil que el menu de repente aparece abajo y sube rápido? Muchas gracias por el video Dorian, muy bien explicado todo.
Buenas, no hace falta una solución para eso, ten en cuenta que un sitio web no se redimensiona habitualmente, nosotros lo hacemos para probar, pero eso no se hace fuera del desarrollo, al menos no de forma habitual, por lo que no es un problema 😊. Un saludo!
dorian lo que me pasa aunque lo haga con js es que el menu al pasar de desktop a movil hace un tipo de animacion fea ocultando el navbar, intente de todas las manera quitarlo sin perder la animacion de cerrar y abrir y no puedo, la unica manera que pude fue quitando la animacion al cerrar :c
¿Por qué dices "en qué situaciones puedes utilizares menú solo con CSS.....RP. Prácticamente en ningún sitio" .... wtf... y para que lo haces entonces? Yo pensaba aplicarlo en mi web. Me mataste el día macho!
Felicitaciones por este video. No había encontrado una explicación en youtube que me dejara tan satisfecho, de inmediato a mis favoritos.
Excelente forma de explicarlo y sin enriedos, a la velocidad ideal para poder aprender. Muchas gracias por tu aporte hasta ahora es el mejor video que me ha hecho entender el responsive
Genial. Eres muy bueno no sólo técnicamente sino además explicando. Excelente profesor. Gracias por brindarnos tus conocimientos
Muchísimas gracias!!
Literalmente el mejor video explicado en lengua hispana sobre como hacer un menú responsive. Un genio!
Muchísimas gracias!!
Graciasss, me has salvado, no había comprendido aún como hacer el responsive y contigo al final lo entendí y pude hacerlo 🤍
Increible, muchas gracias por aportar tanto valor y de forma gratuita. Excelente tutorial y profesor
Buena guía, gracias por compartir, una pregunta, si le añado un submenu a alguno de los , cual seria la forma mas óptima de mostrar y ocultar ese submenu en el modo movil?.
Exactamente igual, dejas el submenú oculto, y al hacer click en el menú despliegas el submenú. Un saludo!
Como siempre el mejor de todos... Había visto varios vídeos pero no me cerraban..!! Gracias Dorian ❤😊
Excelente vídeo, muy claro y como siempre sumando trucos
Muchísimas gracias!!
Cuanto eché de menos un video tuyo Dorian, un saludo maquina!!!😃😃
👏👏👏👏👏👏👏 Muy bueno!
Muchísimas gracias!!
Muchas gracias, lo logré, quedó perfecto.
La verdad mejor explicado imposible! Excelente video! Gracias, me re sirvio 🙌👌
te amo sos un capo gracias por tanto
Muchísimas gracias!!
GRACIAS! Justo estoy aprendiendo Html y CSS sin JavaScript y me re sirvio!
Gracias, muy bueno para los q andamos iniciando.
Excelente video! Busque por todos lados como hacer un menú así y no encontré ninguno tan bueno y claro como este. Gracias milesss
gracias buen hombre por compartir tu conocimiento, toma tu terrible like
Nos ha gustado y creemos que es útil!
Pues a compartir 😊
Muchas gracias, Amigo. Tu video fue de gran ayuda. Saludos.
Excelente vídeo hermano. Súper bien explicado, muchas gracias por el aporte!
Saludos desde Cali Colombia
Felicidades de nuevo, buen trabajo
Hola gracias por compartir. Por qué cuando coloco el input como hermano de main-menu a mi no me funciona. estoy haciendo todo lo que tú haces. Lo que a mi página le ocurre es que la barra de menú se baja un poco más en modo escritorio y en modo móvil, ya el icono de menu ya no es clickeable. Por qué será?. Gracias
Hola crack.. q piensas de aprender a probar a los50.. con respecto al mundo laboral..gracias..
❤gracias por el tutorial ya pude mejorar mi portafolio
Muy buen tutorial. Gracias.
Excelente Video!!!
Muchísimas gracias!!
Gracias genio exitos en tu vida saludos desde Argentina
Que buen vídeo!!, muchas gracias por compartir
Dicho esto! , solo queda decir Gracias @DorianDesings
Gracias a ti por comentar y verlo!
Hola Dorian, acabo de ver tu video y de momento solo quiero saber como hacer para que en la versión móvil, inicie sólo con el botón de hamburguesa y no el menú ya desplegado. Muchas gracias. Saludos.
Hola. Excelente tutorial.
Cuando se aplica el procedimiento para que funcione sin java scritp, se pierde el cursor Pointer. Que se puede hacer en ese caso?
Perfectamente explicado!
Help! Alguien sabe como hizo el profe para poner => EN ESTE LUGAR ('click'() => Porque no funciona con el signo igual = y mayor que >. Tengo que armar i primer proyecto.GRACIAS
muy buen videooo! muchisimas gracias, estoy aprendiendo y me habia trabado un poco con el tema del menu responsive, con este video lo entendí muy bien la verdad. Gracias un saludo! nuevo sub :)
A LU CI NO!!!!!! lo necesitaba para una práctica que estoy haciendo pero con esto la mejoro 100x100
al poner en img el max-width 100% el menu se ve muy grande, tengo que ponerlo en 1.5% para que se vea pequeño
luego el menú queda fuera del color y texto, no se mete dentro del color
Muy Agradecido Excelente video
Excelente video, ayuda un montón a poner a trabajar el cerebro, aunque en la vida real, es solo JS.. sigue asi con excelente contenido Bro... Saludos...
Muchísimas gracias!!
@@DorianDesings yo tengo el mismo problema
excelente video, muchisimas gracias!
Perfecto como siempre 👌👌
Muchísimas gracias!!
alguien sabe como se programa(Buenas practicas) para cuando demos clic en cada ítem se oculte el menu?
Gracias por el vídeo. Saludos 👍🏼
Gracias a ti! 😊
wow, genial!!!
Genial. No se pueden explicar las cosas mejor. Haces que parezca todo fácil. Por cierto aunque sea otro tema ¿qué es mejor o qué diferencia hay entre linkear una font en el HTML o hacer un @import de esa font en el CSS...? y es mejor hacer un CDN o ejecutar en local?
por el performance... Gracias por todo... te deseo lo mejor.
Muchas gracias me ayudaste demaciado, solo que hay 1 cosa que no entiendo (soy nuevo en esto, estoy aprendiendo) en el minuto 6:46, cuando escribes lo de java, te salen unas opciones con una llave, y otro simbolito, por lo que veo usas una de esas, pero en mi vscode no me salen, solo las de los rectángulos, como puedo activarlas?
se llama funcion flecha, es un muy buen tema de javaScript. Te lo recomiedo
👏👏👏
Muy util. Gracias amigo! Saludos
Al hacer scroll hacia arriba no se ve el menú?
alguien sabe como puedo evitar el "pestaneo" que hace el menú al volver la ventana a tamaño menor a 768px??
No es acaso una mala práctica tener el @media después de cada cosa que escribas en mobile first? No sería mejor, tener al final del todo, las medias necesarias, o incluso 1 media para tablet y 1 media para pc? Después de todo en la misma que tenías ya podías agregar el .toggle-menu {display:none;}
La pregunta no es a modo de criticar, es realmente porque estoy aprendiendo desarrollo web y así me enseñaron que era la mejor práctica. ¿Existe algún motivo por el cual poner y repetir las @medias?
No funciona me da error de unexpected 'click' no es un elemento
Gracias eres un crack
Muchísimas gracias!!
Estoy intentando usarlo con el JS y no sirve porque el menu en mobile ocupa espacio estando plegado por lo tanto me descuadra el header bastante fail.
Cómo?
Buenas alguien sabe si existe una solución para eso que pasa cuando cambias a vista mobil que el menu de repente aparece abajo y sube rápido?
Muchas gracias por el video Dorian, muy bien explicado todo.
Buenas, no hace falta una solución para eso, ten en cuenta que un sitio web no se redimensiona habitualmente, nosotros lo hacemos para probar, pero eso no se hace fuera del desarrollo, al menos no de forma habitual, por lo que no es un problema 😊. Un saludo!
@@DorianDesings pero hay paginas que tienen el mismo menu y al redimensionarla no se ve eso 🤔
dorian lo que me pasa aunque lo haga con js es que el menu al pasar de desktop a movil hace un tipo de animacion fea ocultando el navbar, intente de todas las manera quitarlo sin perder la animacion de cerrar y abrir y no puedo, la unica manera que pude fue quitando la animacion al cerrar :c
Estamos en la misma , intente darle menos milisegundos a la animacion e igual se sigur viendo eso , no se que hacer 😅
Genial video! Entonces lo más recomendable para hacer un menú responsive es con Javascript?
Si, siempre que puedas.
Como hago la flechita morada
No sé de qué flecha hablas 😢
símbolo = y > para la función anónima del js
er primero!
¿Por qué dices "en qué situaciones puedes utilizares menú solo con CSS.....RP. Prácticamente en ningún sitio" .... wtf... y para que lo haces entonces? Yo pensaba aplicarlo en mi web. Me mataste el día macho!
muchas gracias, rey!! muy buen contenido