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
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
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.
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
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?
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 :)
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.
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...
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?
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?
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
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 🤍
Genial. Eres muy bueno no sólo técnicamente sino además explicando. Excelente profesor. Gracias por brindarnos tus conocimientos
Muchísimas gracias!!
Muchas gracias, lo logré, quedó perfecto.
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!
Increible, muchas gracias por aportar tanto valor y de forma gratuita. Excelente tutorial y profesor
Excelente vídeo, muy claro y como siempre sumando trucos
Muchísimas gracias!!
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
Muchas gracias, Amigo. Tu video fue de gran ayuda. Saludos.
Felicidades de nuevo, buen trabajo
Como siempre el mejor de todos... Había visto varios vídeos pero no me cerraban..!! Gracias Dorian ❤😊
gracias buen hombre por compartir tu conocimiento, toma tu terrible like
te amo sos un capo gracias por tanto
Muchísimas gracias!!
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
GRACIAS! Justo estoy aprendiendo Html y CSS sin JavaScript y me re sirvio!
Nos ha gustado y creemos que es útil!
Pues a compartir 😊
Excelente video! Busque por todos lados como hacer un menú así y no encontré ninguno tan bueno y claro como este. Gracias milesss
alguien sabe como se programa(Buenas practicas) para cuando demos clic en cada ítem se oculte el menu?
Cuanto eché de menos un video tuyo Dorian, un saludo maquina!!!😃😃
Gracias, muy bueno para los q andamos iniciando.
👏👏👏👏👏👏👏 Muy bueno!
Muchísimas gracias!!
Excelente vídeo hermano. Súper bien explicado, muchas gracias por el aporte!
Que buen vídeo!!, muchas gracias por compartir
Gracias genio exitos en tu vida saludos desde Argentina
Hola crack.. q piensas de aprender a probar a los50.. con respecto al mundo laboral..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.
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 buen tutorial. Gracias.
❤gracias por el tutorial ya pude mejorar mi portafolio
Al hacer scroll hacia arriba no se ve el menú?
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?
La verdad mejor explicado imposible! Excelente video! Gracias, me re sirvio 🙌👌
alguien sabe como puedo evitar el "pestaneo" que hace el menú al volver la ventana a tamaño menor a 768px??
Dicho esto! , solo queda decir Gracias @DorianDesings
Gracias a ti por comentar y verlo!
Excelente Video!!!
Muchísimas gracias!!
A LU CI NO!!!!!! lo necesitaba para una práctica que estoy haciendo pero con esto la mejoro 100x100
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 :)
Perfectamente explicado!
Saludos desde Cali Colombia
Gracias por el vídeo. Saludos 👍🏼
Gracias a ti! 😊
excelente video, muchisimas gracias!
Muy Agradecido Excelente video
Muy util. Gracias amigo! Saludos
No funciona me da error de unexpected 'click' no es un elemento
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.
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
Perfecto como siempre 👌👌
Muchísimas gracias!!
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?
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?
wow, genial!!!
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
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 😅
Gracias eres un crack
Muchísimas gracias!!
Como hago la flechita morada
No sé de qué flecha hablas 😢
símbolo = y > para la función anónima del js
Genial video! Entonces lo más recomendable para hacer un menú responsive es con Javascript?
Si, siempre que puedas.
👏👏👏
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