vale oro todo lo que diga un desarrollador que haya aprendido con su experiencia, es decir, las buenas prácticas, y este es el segundo desarrollador que veo en años que dice todas las recomendaciones del uso de las herramientas de desarrollo web sin ocultar nada a propósito, muchas gracias por la difusión de tan buen contenido de manera libre para todo el que quiera aprender edit: Saludos desde España
Siempre he querido hacer mi Página Web! Ahora lo haré. Te admiro tanto! Espero lograr cumplir mis objetivos! Wow! me quedé con ganas de más! Creo que si están todas! exitazo!
me gustan muchos tus videos, muchos que estamos iniciando tenemos dudas que vos siempre recalcas en tus videos, me gusta mucho eso y mas que sos de hace el html por " secciones" y saltas enseguida al css para darles estilos, es mas simple de entender en mi opinión que hacer todo el maquetado de la pagina web y luego saltar pura y exclusiva mente al css, muchas gracias es muy bueno tu contenido y agradezco tu tiempo espero que con esto practica y dedicación pueda conseguir un empleo decente. saludos desde argentina cba.
que crack, la manera de explicar esta muy bien y como que no me aburro viendo el video ya termine el primero voy por el segundo, muchas gracias por compartir el conocimiento GRANDE! SIGUE ASI.
Es un buen contenido el que estas haciendo, es muy intuitivo y fácil de entender. Yo usaba Bootstrap en mis proyectos porque veía muy difícil hacer navs en vanilla; ahora gracias a los 2 videos que has realizado de navs estoy dejando de usarlos. Sigue así con el contenido, saludos.
@@cuenta-qu3uu los moficas con filter: invert(1); y se ponen blancos si son negros y negros si son blancos. podes investigar como funciona invert y hacer cualquier color
Bro, un consejo, para la posición del navbar (25:17) Con posicion fixed o absolute, el elemento no se toma en cuenta en el padre, por lo que sus otros hijos toman ese espacio provocando que (en tu caso) el lorem ascienda. Haciendo que pongas un padding o margin para reestablecer. En vez de ponerlo como fixed o absolute, te recomiendo ponerlo como sticky, ahí si se toma en cuenta dentro del padre y ya no hay necesidad de mover los elementos hermanos. Un saludo ✌
Te felicito Yoelvis, tus tutoriales son de los mejores que he visto en TH-cam. Me parece que sería interesante si pudieras hacer un video en que explicaras algo que en lo personal todavía me cuesta, que es entender la lógica detrás de -no se muy bien cómo llamarlo- el orden en que una caja depende de otra caja. Por ejemplo, me confundo bastante cuando tengo que elegir si poner cierto estilo al "ul" o al "li". Espero haberme dado a entender. Un abrazo y gracias por tu trabajo.
Hola Yoelvis, muchísimas gracias por compartir tu conocimiento, excelente video, ya me suscribí y he realizado algunas otras de tus clases. Solo una cosita es que trate de utilizar el icono de CLOSE de Font Awesome, y luego lo coloque asíy no me funciono tampoco, lo raro es que otros iconos si me funcionaron, a la final coloque las imágenes porque trate de buscar la solución pero no la encontré fue como lo único, de resto todo excelente. Ahora seguiré con la segunda parte, nuevamente gracias.
Hola Yeison, eso capaz depende de la versión de fa que estás usando, ya que recién sacaron una nueva versión con íconos nuevos, asegúrate de estar importando la última versión. Saludos
Claro que nos gusta este contenido mano... Saludos.. y gracias por compartir.. tus vídeos son muy amenos y explicas chevere.. éxitos y espero próximo contenido... Saludos...
Hola, Yoelvis, podrías mostrar un tip para que se vean bien los diseños también en modo landscape, porque siempre que se usa un menu fijo en modo landscape se pierde parte del contenido que esta debajo del menu. Saludos y gracias!
Este lo hice paso a paso y me quedó perfecto, pero trato de meterle una linea con otro header arriba de ese por ejemplo para colocar las vías de contacto, un correo o un teléfono, y se desbarata todo. Prefiero pedirle un presupuesto para que me diseñe la página antes de que yo quede calvo 😆 recuerdan frontpage? todo era facil hacerlo con tablas y ya
Hola gracias a vos aprendi mil cosas mas de las que sabia muchas garcias por estos videos, podrias hacer un video pasando esta web a angular seria genial porque ahi se me complica un poco, saludos!!
Muy buen y detallado vídeo para el objeto que trata. Aunque creo que se podría reducir y mejorar con CSS Grid. +++ Veo que EXPERIENCIA sí lo tratas con GRID. La pregunta es: ¿Podrías recodear el con GRID? Muchas gracias por enseñar y explicar tan bien.
Hola. Excelente tus videos.! Me encanta que vayas explicando cada cosa. Consulta, hice lo de los botones pero con bootstrap. el tema es que no entiendo porqe el de "close" me queda centrado en la página y no puedo hacer nada con eso. Muchisimas gracias!!
¡Excelente iniciativa y mejor vídeo, te felicito! Te he seguido desde hace tiempo y tu materiales son de alta calidad, sigue así y esperamos que la 2da y/o última parte de este tutorial salga pronto. Pregunta: Como harías para quedará centrado el texto del logo que dice "{ code }", justo al medio del texto que dice "Joelvis Mulen"? Gracias!
Hola zCoder, para centrar el texto podrías ponerle al div donde está el logo una clase, por ejemplo "logotype" lo seleccionas y le pones text-align: center ejemplo: HTML: Yoelvis Mulen { code } CSS: .logotype { text-align: center; }
@@YoelvisM Excelente.. Gracias! ese centrado me ha surgido un pocotón de veces y lo he resuelto de diversas formas, no muchas de mi agrado, menos esta.. genial! Por cierto, te comento que ahorita estoy repasando de nuevo tu excelente tutorial sobre CSS Grid; otro excelente material y con contenido de referencia permanente. Saludos!
@@YoelvisM Son detalles amigo, la verdad es que tienes un lindo carisma para enseñar, y se agradece mucho! No nos abandones por favor! Que theme usas para el visual studio code? Se ve fascinante! Y si puedes hacer un video con los plugins, themes y shortcodes que usas sería genial genial! Gracias nuevamente hermano!
@@osmeig6025 gracias amigo, el tema que uso se llama "Cobalt2 Theme Tweaked" que es una adaptación que le hice al tema Cobalt2, te dejo el enlace, gracias por la idea de mostrar mis configuraciones, voy a tenerlo en cuenta para un próximo video. Saludos marketplace.visualstudio.com/items?itemName=YoelvisMulen.cobalt2-theme-tweaked
Muy bueno, voy siguiendo el curso, pero me encuentro que, al mover con el mouse el tamaño de la pantalla (desde la inspección) ocurre una especie de parpadeo donde se aprecia por milisegundos como si estuviera abierto el menú, supongo que eso no se notara en dispositivos ya que su pantalla no cambiara de tamaño, pero no se si debo darle importancia
hola muy bueno todo , lo pude hacer pero no me responde con el teclado y cuando paso de pantalla completa a reducirla se ve el menu por uno segundo y transition: opacity no me lo toma , me lot oma si coloco transition: 0,3s .gracias
Hola quisiera saber donde consiguio el logo de la hamburguesa y del close-menu ya que este cuando pongo una imagen me sale grande y no desaparece la imagen cuando pongo display-none
lo que no entiendo es como puedes poner la img de menu abajo y la img cerrar arriba por que yo lo estoy intentando pero cuando coloco el background-color se me desaparecen las imagenes y y si le quito el background-color me aparecen los dos iconos
Buenas noches, tengo algunas dudas con las imágenes donde habla que esta carpeta las posee, pero como obtengo los svg, en este caso la hamburger-icon,svc
En React lo llevas todo a componentes, y se manejan fácil, los eventos con el onClick del botón, el único detalle es con las transiciones, para eso hay varias librerías, yo estoy usando react-spring. Saludos
Que tal Yoelvis, buen día, estoy practicando con los videos que publicas, solo que el menu hamburguesa y cerrar, no se visualiza al mimimizar la página, ya descargué los archivos .svg desde fontawesome y los guarde en una carpeta como en los ejemplos que tienes, pero no logro hacer que funcione, espero tu apoyo. Saludos.
He visto que en varios de tus videos el logo y textos están centrados en la barra, ¿cómo se podría cambiar la posición sin afectar el responsive? ¿qué nuevos estilos podrías enseñar? Nos ayudas mucho. Gracias!
hola, utilice el justify-content: space-between; pero mi ogo esta centrado y el menu si esta al lado dereho no entiendo porque pasa esto incluso llame al .logo y le dije margin 0 y aling-items flex start pero no funciono al final me va a tocar dejarlo asi igual ni me estorba tanto :/
Hola de nuevo. Voy a revisar nuevamente los códigos. Baicamente me pasaron dos cosas: - La primera es que los elementos del menú me figuran en columna para el formato de escritorio. - Lo segundo es que no me esta desplegando la barra de menú en diseño para móvil, es decir que no ejecuta la dinámica del js. Donde puede estar el error/es?. Nuevamente muchas gracias. Saludos desde BS AS ARGENTINA
Excelente video, todo muy bn explicado. Es posible tener acceso al maquetado de figma para tener la experiencia propia de realizar el diseño en html y css viendo los componentes directamente de la fuente?
Hice todos los pasos y no anda cuando hago click en el boton hamburguesa no me habre la lista . Alguien sabe que piede ser ? Sera que mi compu no esta actualizada o es porque estoy haciendo algo mal ayudaaa
hola que tal? alguno sabe en el minuto 4.32 como hace para poner un atributo debajo de otro en la etiqueta de imagen? cual seria el atajo de teclado en windows? muchas gracias!
Muy buen video! Tengo una pregunta. Cuando hago mi barra de navegación fija se esconde debajo de las imágenes que tengo en las demás secciones. Porque pasa eso?
Hola Luciano, por lo general mobile first es mejor y te ayuda a ahorrar css, pero no siempre, hay veces que es más fácil hacer desktop y después mobile así que depende de lo que estés haciendo. Lo más importante es que te quede responsive el resultado final.
Hola Yoelvis. Antes que nada agracerte mucho tu video. Soy principiante en esto y me están sirviendo mucho todos tus videos. Estan explicados de manera excelente .Muchas gracias. Ahora, hice todo al pie de la letra una y otra vez pero no consigo al final que al hacer clic en el boton del modo celular se despliegue el menu. He buscado e intentado todo lo que encuentro en internet, pero no hay forma. Tengo todo escrito igual. Es un problema con .js. No me lo toma. Estoy utilizando Visual Studio Code al igual que tú. Tengo una MAC book pro del 2012. Tiene algo que ver con eso? Debo actualizar algo en la compu? Te agradecería mucho una respuesta ya que estoy hace varios días y ya no se que hacer para lograrlo. Gracias.
@@YoelvisM Si, lo hice. Exactamente como lo dice en el video. Y he intentado con otros tutoriales y me pasa lo mismo. Puede ser que el error sea ahi, pero lo pongo exacto a como lo dices aqui.
@@gonzalolopez9925 puedes descargar mi código y probarlo, pero es casi seguro que te falta algún detalle, yo me he peleado con el código mil veces y a veces algún detalle o palabra mal puesta es la causa de que no funcione. Saludos
@@YoelvisM Yoelvis, lo solucioné! copié debajo del mio en js tu código y vi que escribí classlist asi y era classList. No creí que ese detalle de letra podía cambiar todo. A seguir aprendiendo! Muchisimas gracias por tus respuestas!
Like para Mas de REACT JS?
Vamos a ver cuántos likes consigues 🙂 para ver si hay interés en React, saludos!
lo que mas me gusta del profesor es que tiene justificacion en cada accion que hace por lo cual tiene mucha experiencia :D
vale oro todo lo que diga un desarrollador que haya aprendido con su experiencia, es decir, las buenas prácticas, y este es el segundo desarrollador que veo en años que dice todas las recomendaciones del uso de las herramientas de desarrollo web sin ocultar nada a propósito, muchas gracias por la difusión de tan buen contenido de manera libre para todo el que quiera aprender
edit:
Saludos desde España
Increíble el trabajo que haces, la explicación super detallada, en ningún sitio aprendí a crear un menú como este. Gracias !
Siempre he querido hacer mi Página Web! Ahora lo haré. Te admiro tanto! Espero lograr cumplir mis objetivos! Wow! me quedé con ganas de más! Creo que si están todas! exitazo!
Excelente profesor, Tengo suscripción en platzi y aprendo más en tus vídeos jajaja
me gustan muchos tus videos, muchos que estamos iniciando tenemos dudas que vos siempre recalcas en tus videos, me gusta mucho eso y mas que sos de hace el html por " secciones" y saltas enseguida al css para darles estilos, es mas simple de entender en mi opinión que hacer todo el maquetado de la pagina web y luego saltar pura y exclusiva mente al css, muchas gracias es muy bueno tu contenido y agradezco tu tiempo espero que con esto practica y dedicación pueda conseguir un empleo decente. saludos desde argentina cba.
Muchas gracias, de lo mejor que he visto. Lo ha explicado todo muy claramente, espero con impaciencia la continuación de este video.
muchas gracias, ya estoy preparando el resto de los videos para sacarlos en unos días
Gracias profe por sus enseñanzas, no sabes lo útil que me han sido. Saludos!!!
me alegra mucho Alejandro, saludos!!
Un genial aporte! se nota mucho que sabes y los tips que vas dando son muy útiles... gracias!
que crack, la manera de explicar esta muy bien y como que no me aburro viendo el video ya termine el primero voy por el segundo, muchas gracias por compartir el conocimiento GRANDE! SIGUE ASI.
Grande Maestro, todo un maestro JEDI de la programación. Muchas gracias por tu tiempo y enseñanzas, mil bendiciones y éxitos.
Qué buenos videos. Muchas gracias. Aprendemos contigo.
gracias amigo por seguir el canal, saludos!
Best youtuber eveer! Gracias por compartir tus conocimientos
Excelentes tus vídeos!! Muy pocas veces he visto vídeos paso a paso tan bien explicados como este.
saudos de montevideo crack gracias por el contenido.
Termina el proceso porfa, estoy aprendiendo y eres de los pocos que explican tan bien
Es un buen contenido el que estas haciendo, es muy intuitivo y fácil de entender.
Yo usaba Bootstrap en mis proyectos porque veía muy difícil hacer navs en vanilla; ahora gracias a los 2 videos que has realizado de navs estoy dejando de usarlos.
Sigue así con el contenido, saludos.
Como se cambia el color de los iconos de hamburguesas bro y el de cerrar?
@@cuenta-qu3uu los moficas con filter: invert(1); y se ponen blancos si son negros y negros si son blancos. podes investigar como funciona invert y hacer cualquier color
justo estaba buscando alguien que explique el responsive design, para poder implementarlo en mi portafolio
Muchísimas gracias! Ya mismo me voy al siguiente video! Impresionante lo claro que explicas. Gracias! Saludos desde Uruguay
comunicas muy bien transmitís tranquilidad
Muy buen video, Excelenta explicacion y manejo de contenido, ,muy agradecido, sigue adelante y pronto tu canal seguira creciendo.
muchas gracias!
Graaacias! Sos un crack! Es un placer aprender contigo. Tome mi follow que lo ganó con creces.
Explica muy bien. Lo felicito por el trabajo tan bello que está haciendo. 😘😘
Excelente explicando, muy claro e ilustrativo, gracias por compartir tus conocimientos, ayudas mucho a comprender todos los temas que desarrollas.
Excelente video profesor.
Excelente explicación en cada detalle, revisaré si tienes alguna lista de js completa, nuevo suscriptor ✌
Maestro Yoelvis, mucha gracias por su conocimiento. La manera en la explica es demasiada detallada, estoy aprendiendo bastante
Yoelvis, muchas gracias, muy claro todo el contenido de tu canal. Excelente todo, sigue asi
muchas gracias!
Muy buen explicado, estoy aprendiendo angular y lo acabo de aplicar !!!! gracias por tus enseñanzas un abrazo hermano.
Bro, un consejo, para la posición del navbar (25:17)
Con posicion fixed o absolute, el elemento no se toma en cuenta en el padre, por lo que sus otros hijos toman ese espacio provocando que (en tu caso) el lorem ascienda. Haciendo que pongas un padding o margin para reestablecer.
En vez de ponerlo como fixed o absolute, te recomiendo ponerlo como sticky, ahí si se toma en cuenta dentro del padre y ya no hay necesidad de mover los elementos hermanos.
Un saludo ✌
buen tip gracias, saludos para ti también!
Soy de madera en la programación pero explicas excelente. Éxitos en el canal !
Te felicito Yoelvis, tus tutoriales son de los mejores que he visto en TH-cam. Me parece que sería interesante si pudieras hacer un video en que explicaras algo que en lo personal todavía me cuesta, que es entender la lógica detrás de -no se muy bien cómo llamarlo- el orden en que una caja depende de otra caja. Por ejemplo, me confundo bastante cuando tengo que elegir si poner cierto estilo al "ul" o al "li". Espero haberme dado a entender. Un abrazo y gracias por tu trabajo.
Gracias por el aporte, muy buena la explicación detallada, eres un trome como profesor, felicitaciones
Excelente video para apêndices autodidactas como yo muy agradecido🙏🏼
muchas gracias, me siento identificado porque también soy muy autodidacta, saludos!
Hola Yoelvis, muchísimas gracias por compartir tu conocimiento, excelente video, ya me suscribí y he realizado algunas otras de tus clases. Solo una cosita es que trate de utilizar el icono de CLOSE de Font Awesome, y luego lo coloque asíy no me funciono tampoco, lo raro es que otros iconos si me funcionaron, a la final coloque las imágenes porque trate de buscar la solución pero no la encontré fue como lo único, de resto todo excelente. Ahora seguiré con la segunda parte, nuevamente gracias.
Hola Yeison, eso capaz depende de la versión de fa que estás usando, ya que recién sacaron una nueva versión con íconos nuevos, asegúrate de estar importando la última versión. Saludos
@@YoelvisM Vale, voy a fijarme que versión tengo y lo haré, de nuevo gracias. Saludos igualmente para ti.
Claro que nos gusta este contenido mano... Saludos.. y gracias por compartir.. tus vídeos son muy amenos y explicas chevere.. éxitos y espero próximo contenido... Saludos...
Muchas gracias Cesar, por acá te dejo el segundo video que estrené hoy, saludos!!
th-cam.com/video/qa4oWn3Zvpk/w-d-xo.html
Hola, Yoelvis, podrías mostrar un tip para que se vean bien los diseños también en modo landscape, porque siempre que se usa un menu fijo en modo landscape se pierde parte del contenido que esta debajo del menu. Saludos y gracias!
Excelente, muchas gracias. Saludos desde Buenos Aires.
Me costó un poco, pero conseguí dar vuelta el código y llevar el CSS de desktop-first a mobile-first. Fue laborioso, pero así se aprende.
Como todos tus videos genial!
Me quedo esperando la segunda parte!
un saludo!
Esperando el video . Gracias
Gracias por tu aporte amigo, eres un capo, explicas genial...
Este lo hice paso a paso y me quedó perfecto, pero trato de meterle una linea con otro header arriba de ese por ejemplo para colocar las vías de contacto, un correo o un teléfono, y se desbarata todo. Prefiero pedirle un presupuesto para que me diseñe la página antes de que yo quede calvo 😆 recuerdan frontpage? todo era facil hacerlo con tablas y ya
me gusta como planteas lo q estas por hacer antes de codearlo asi tengo tiempo de solucionarlo yo sin q lo digas :D
me sirvicio mucho lo de las variables buen dato
Gracias , justo queria aprender esto , dejo like y sub
Hola gracias a vos aprendi mil cosas mas de las que sabia muchas garcias por estos videos, podrias hacer un video pasando esta web a angular seria genial porque ahi se me complica un poco, saludos!!
Excelente video. Muy bien explicado
Excelente! Muy buena explicación! Genial el contenido del canal
Muy buen y detallado vídeo para el objeto que trata. Aunque creo que se podría reducir y mejorar con CSS Grid. +++ Veo que EXPERIENCIA sí lo tratas con GRID. La pregunta es: ¿Podrías recodear el con GRID? Muchas gracias por enseñar y explicar tan bien.
Excelente videotutorial, te ganaste un suscriptor! Muy bien explicado. Saludos desde Argentina
sos muy crack!
Muy bueno, excelente. Espero que siga publicando mas ejemplos...
Hola. Excelente tus videos.! Me encanta que vayas explicando cada cosa. Consulta, hice lo de los botones pero con bootstrap. el tema es que no entiendo porqe el de "close" me queda centrado en la página y no puedo hacer nada con eso. Muchisimas gracias!!
Muy bueno el video. Muchas Gracias!
¡Excelente iniciativa y mejor vídeo, te felicito! Te he seguido desde hace tiempo y tu materiales son de alta calidad, sigue así y esperamos que la 2da y/o última parte de este tutorial salga pronto. Pregunta: Como harías para quedará centrado el texto del logo que dice "{ code }", justo al medio del texto que dice "Joelvis Mulen"? Gracias!
Hola zCoder, para centrar el texto podrías ponerle al div donde está el logo una clase, por ejemplo "logotype" lo seleccionas y le pones text-align: center
ejemplo:
HTML:
Yoelvis Mulen
{ code }
CSS:
.logotype {
text-align: center;
}
@@YoelvisM Excelente.. Gracias! ese centrado me ha surgido un pocotón de veces y lo he resuelto de diversas formas, no muchas de mi agrado, menos esta.. genial! Por cierto, te comento que ahorita estoy repasando de nuevo tu excelente tutorial sobre CSS Grid; otro excelente material y con contenido de referencia permanente. Saludos!
Buen video doctor!
Excelente como explicas. Muy claro todo y muy buenos consejos 👌👌
Shallow? No será Shadow bro? Excelente video crack, saludos desde Argentina 🇦🇷!
Jaja cierto tenés razón, ahi se me cruzó el concepto de shallow copy de javascript
También veo que dije alinear en el eje horizontal y era el vertical pero bueno son detalles que se me van 🙂
@@YoelvisM Son detalles amigo, la verdad es que tienes un lindo carisma para enseñar, y se agradece mucho! No nos abandones por favor! Que theme usas para el visual studio code? Se ve fascinante! Y si puedes hacer un video con los plugins, themes y shortcodes que usas sería genial genial! Gracias nuevamente hermano!
@@osmeig6025 gracias amigo, el tema que uso se llama "Cobalt2 Theme Tweaked" que es una adaptación que le hice al tema Cobalt2, te dejo el enlace, gracias por la idea de mostrar mis configuraciones, voy a tenerlo en cuenta para un próximo video. Saludos
marketplace.visualstudio.com/items?itemName=YoelvisMulen.cobalt2-theme-tweaked
@@YoelvisM Gracias crack! Sigue así, crecerás como la espuma!
ERES EXCELENTE!!!!
muy bien explicado! gracias
muchas gracias por tu conocimiento amigo, disculpa donde esta la segunda parte?
Acá está, saludos
th-cam.com/video/qa4oWn3Zvpk/w-d-xo.html
Muy bueno, voy siguiendo el curso, pero me encuentro que, al mover con el mouse el tamaño de la pantalla (desde la inspección) ocurre una especie de parpadeo donde se aprecia por milisegundos como si estuviera abierto el menú, supongo que eso no se notara en dispositivos ya que su pantalla no cambiara de tamaño, pero no se si debo darle importancia
Tengo la misma duda... 😢
Excelente tutorial. El botón open no me lo muestra cuando lo corro con liveserver. Con apache anda bien.
Perfectamente bien explicado y elaborado.
Muy bien, explicado, sí señor.
Geniooo!!!!
Tremendo, un grande, muchas gracias!
Gran aporte. Gracias.
Muy buenos videos, gracias por compartir el conocimiento
hola muy bueno todo , lo pude hacer pero no me responde con el teclado y cuando paso de pantalla completa a reducirla se ve el menu por uno segundo y transition: opacity no me lo toma , me lot oma si coloco transition: 0,3s .gracias
Hola quisiera saber donde consiguio el logo de la hamburguesa y del close-menu ya que este cuando pongo una imagen me sale grande y no desaparece la imagen cuando pongo display-none
lo que no entiendo es como puedes poner la img de menu abajo y la img cerrar arriba por que yo lo estoy intentando pero cuando coloco el background-color se me desaparecen las imagenes y y si le quito el background-color me aparecen los dos iconos
Buenas noches, tengo algunas dudas con las imágenes donde habla que esta carpeta las posee, pero como obtengo los svg, en este caso la hamburger-icon,svc
Hola amigo muy buen video, quería saber como lo puede implementar en React los eventos de cerrar y abrir
En React lo llevas todo a componentes, y se manejan fácil, los eventos con el onClick del botón, el único detalle es con las transiciones, para eso hay varias librerías, yo estoy usando react-spring. Saludos
Que tal Yoelvis, buen día, estoy practicando con los videos que publicas, solo que el menu hamburguesa y cerrar, no se visualiza al mimimizar la página, ya descargué los archivos .svg desde fontawesome y los guarde en una carpeta como en los ejemplos que tienes, pero no logro hacer que funcione, espero tu apoyo. Saludos.
puedes hacer una guía sobre gridd areas?? sería epico y eh visto que es muy util.
buen video me sirvio de mucha ayuda
Gracias por el video.
He visto que en varios de tus videos el logo y textos están centrados en la barra, ¿cómo se podría cambiar la posición sin afectar el responsive? ¿qué nuevos estilos podrías enseñar? Nos ayudas mucho. Gracias!
hola, utilice el justify-content: space-between; pero mi ogo esta centrado y el menu si esta al lado dereho no entiendo porque pasa esto incluso llame al .logo y le dije margin 0 y aling-items flex start pero no funciono al final me va a tocar dejarlo asi igual ni me estorba tanto :/
Hola de nuevo. Voy a revisar nuevamente los códigos. Baicamente me pasaron dos cosas:
- La primera es que los elementos del menú me figuran en columna para el formato de escritorio.
- Lo segundo es que no me esta desplegando la barra de menú en diseño para móvil, es decir que no ejecuta la dinámica del js.
Donde puede estar el error/es?.
Nuevamente muchas gracias. Saludos desde BS AS ARGENTINA
Excelente video, todo muy bn explicado. Es posible tener acceso al maquetado de figma para tener la experiencia propia de realizar el diseño en html y css viendo los componentes directamente de la fuente?
Hice todos los pasos y no anda cuando hago click en el boton hamburguesa no me habre la lista . Alguien sabe que piede ser ? Sera que mi compu no esta actualizada o es porque estoy haciendo algo mal ayudaaa
hola que tal? alguno sabe en el minuto 4.32 como hace para poner un atributo debajo de otro en la etiqueta de imagen? cual seria el atajo de teclado en windows? muchas gracias!
Cómo se usa el figma para poder tenés los colores
Qué bueno. Gracias!
Gracias! Excelente video
Hola 🇨🇺!!! Gracias por tus videos. Una pregunta, de donde puedo copiar el link para el normalize css??
Nevermind lol. I just got it from your Github. Thanks anyways. Sigue adelante!!! Gracias por compartir conocimiento para ayudar!
De nada, acá lo dejo igual para futuras referencias
hola Yoelvis, gracias por tu contenido,una pregunta: por que la @media no me funciona en el nav.css pero si en el main.css, gracias por tu ayuda
Dónde encuentro la segunda parte?
Hola, por acá te dejo la playlist:
th-cam.com/video/ADbxRybIpH0/w-d-xo.html&ab_channel=YoelvisMulen%7Bcode%7DYoelvisMulen%7Bcode%7D
como hago para que hacer click ejemplo en contecto se quite la barra y me muestra el contenido de pagina correspondiente a contacto ayudaaa
Hola Adele, eso lo explico en los otros videos, saludos
gracias
Gracias,
Maestro es posible, me pueda indicar donde bajo el icono hamburguesa.svg
Hola, esta en su repositorio de git, el enlace esta en los comentarios del video :) Suerte!
¿Se puede agregar más archivos css ? porque tengo entendido que es uno para todo. Si me podes contestar esa duda, gracias.
si, puedes agregar todos los que quieras. saludos
Muy buen video! Tengo una pregunta. Cuando hago mi barra de navegación fija se esconde debajo de las imágenes que tengo en las demás secciones. Porque pasa eso?
Añade un z-index mayor que 0 al header, saludos
@@YoelvisM sii! Me había olvidado. Muchas gracias!
BUEN VIDEO EXPLICADO, ESTOY USANDO ATOM, PERO DIME CUAL PROGRAMA USAS?
Visual Studio Code
@@YoelvisM muchas gracias, y bueno explicando 👏🏾👏🏾👏🏾
Hola Yoel! que recomendás mobile first o desktop? . gracias!
Hola Luciano, por lo general mobile first es mejor y te ayuda a ahorrar css, pero no siempre, hay veces que es más fácil hacer desktop y después mobile así que depende de lo que estés haciendo. Lo más importante es que te quede responsive el resultado final.
Hola Yoelvis. Antes que nada agracerte mucho tu video. Soy principiante en esto y me están sirviendo mucho todos tus videos. Estan explicados de manera excelente .Muchas gracias. Ahora, hice todo al pie de la letra una y otra vez pero no consigo al final que al hacer clic en el boton del modo celular se despliegue el menu. He buscado e intentado todo lo que encuentro en internet, pero no hay forma. Tengo todo escrito igual. Es un problema con .js. No me lo toma. Estoy utilizando Visual Studio Code al igual que tú. Tengo una MAC book pro del 2012. Tiene algo que ver con eso? Debo actualizar algo en la compu? Te agradecería mucho una respuesta ya que estoy hace varios días y ya no se que hacer para lograrlo. Gracias.
Hola Gonzalo, asegúrate que hiciste referencia al js dentro del HTML
@@YoelvisM Si, lo hice. Exactamente como lo dice en el video. Y he intentado con otros tutoriales y me pasa lo mismo. Puede ser que el error sea ahi, pero lo pongo exacto a como lo dices aqui.
@@gonzalolopez9925 puedes descargar mi código y probarlo, pero es casi seguro que te falta algún detalle, yo me he peleado con el código mil veces y a veces algún detalle o palabra mal puesta es la causa de que no funcione. Saludos
@@YoelvisM Yoelvis, lo solucioné! copié debajo del mio en js tu código y vi que escribí classlist asi y era classList. No creí que ese detalle de letra podía cambiar todo. A seguir aprendiendo! Muchisimas gracias por tus respuestas!