😊 Vídeos recomendados th-cam.com/play/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj.html 🚀ROADMAP Desarrollo WEB th-cam.com/play/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv.html 🤯 Explicando Web de forma diferente th-cam.com/play/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab.html 🙇🏻 Construyendo un Slider, Acordeón, Tabs... th-cam.com/play/PLJpymL0goBgFXN27jElLCmysKQboKW7uW.html
Alucinado estoy!! Eres más que un maquetador o un programador o un creador de contenidos ... Eres un catedrático de la didáctica y de la pedagogía !! Contigo es facilísimo aprender!! Me suscribo ... Muchísimas gracias.
Tienes mucha razón en el video, ayer tuve unos problemas similares a los que comentaste al principio, entonces decidí poner color al fondo de cada "caja" y logré agregar las propiedades que me faltaban, hoy ví este video y vaya que si lo veia antes me habría ayudado harto, ahora por experiencia y luego de ver este video, se que es una muuy buena decisión hacer lo que comentas en el mismo video, de principio a fin, saludos, buen video!
bro deberias de hacer algun curso algo corto, o no se, sobre esto, la verdad es que es una informacion de oro, y creeria que seria bueno ampliarla, gracias por el video
Me alegra saber que esa es la manera correcta de maquetar, ya que yo lo hago muy similar, siempre le doy color a los contenedores para poderlos ver y ubicar correctamente. Lo que no hacía es lo de eliminar las imagenes y dejarlas hasta el final
Excelente vídeo, esto pasa igual con las tipografías como lo explicaste en un vídeo anterior, que de último habilitas todas tus fuentes y algunas propiedades de las tipografías. Lo de preocuparse si se ve feo es algo muy de programador empírico que maqueta a como vaya viéndose, el deber ser es que ya exista un diseño en figma y lugo de allí lo pases a css sin preocuparte las imágenes!
Que pedazo de video, Eduardo. La verdad podría decir que ese es mi mayor problema al trabajar con diseños, me centro en posicionar imagenes obviando el box model. Gracias por este contenido de calidad.
Gracias me ha ayudado mucho! (me hizo mucha gracia en el min 5:27 dijiste tal natural que " se nos está "descojonando" la estructura", jajajajajjajaja, supongo que querías decir descuajaringando a lo mejor)
Saludos desde México. Excelente video anteriomente ya lo he estado implementando al maquetar y la verdad si es mas facil y comodo para acomodar los elementos de la pagina.
Woa tío yo estoy aprendiendo css y hago esto por mi propia cuenta por qué descubrí solo que era la mejor forma de hacerlo y ahora veo este video y emocioné mucho jajaja
Que buen vídeo, verlo visualmente con el ejemplo ayuda muchísimo, aunque en tus vídeos de menú horizontal y’a se ve como lo haces y ahí me fijé yo. Gracias como siempre
Muchas gracias Ezequiel!!! Lo importante es quedarse con el concepto que intento explicar y si ya te distes cuenta en los vídeos de menú horizontal.. buen análisis! Es super importante tener un buen flujo de trabajo 😊
Recién encuentro tu canal, muy buenos consejos mi estimado En mi caso, yo suelo ponerle border a mis contenedores para diferenciarlos y si quiero acomodar elementos en linea, los pongo dentro de un div y asi por ejm si quiero crear un Nav A mi nav le doy display flex y justify-content space between, de modo que empuje a mis 2 divs, donde uno contiene mis enlaces, y el otro el título e imagen. Tenia la idea de trabajar asi para mas comodidad para mi, pero al ver este video estoy consolidando mas este método, muchas gracias nuevamente
Saludos Eduardo! Tienes algún tutorial o vídeo de los atajos o herramientas de vs code que usas en este? Por ejemplos cuales son los atajos para escribir al mismo tiempo el Lorem..? Gracias
Buenas Alex!! 😊 Muchas gracias por el comentario, la verdad es que si que tengo algunos, te los dejo por aquí! 😊 ✔️ Comandos en Mac th-cam.com/video/ufBr475JrIE/w-d-xo.html ✔️ Comandos en Windows th-cam.com/video/so2uD3PoSqA/w-d-xo.html ✔️ Comandos aplicados a HTML y CSS th-cam.com/video/1n3urx71kN4/w-d-xo.html ✔️ Programa más rápido con Prepros th-cam.com/video/tArtLYlq9ws/w-d-xo.html ✔️ Consejos para programar más rápido th-cam.com/video/t73718VMScg/w-d-xo.html Y el repositorio de Github 😊 github.com/eduardofierropro/Comandos-para-Visual-Studio-Code
Muy buenos videos Eduardo, en mi caso queria preguntar por las imagenes que usaste, si hay una pagina con ese estilo de imagenes o como la puedo buscar en Google, ya que me gustaron mucho. Te agradezco de antemano
Yo siempre le pongo border de 1 px color negro a todas las cajas para saber como se estan posicionando y en que lugar esta cada cual, despues veo este video y me doy cuenta que estaba enfocandome en el box model de una manera decente
Buenas Aldux, gracias por la aportación! Aunque no es un problema de flex-gap lo que estoy intentando explicar. Sólo sintetizo un problema de maquetación que puede pasar tanto con float, flex o grid. Es simplemente la colocación de cajas 😊
😊 Vídeos recomendados th-cam.com/play/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj.html
🚀ROADMAP Desarrollo WEB th-cam.com/play/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv.html
🤯 Explicando Web de forma diferente th-cam.com/play/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab.html
🙇🏻 Construyendo un Slider, Acordeón, Tabs... th-cam.com/play/PLJpymL0goBgFXN27jElLCmysKQboKW7uW.html
He visto la luz con tu vídeo! Tenia muuuuchos problemas con las imágenes y los logos… tienes toda la razón me centro en la imagen totalmente!
Me alegro que te haya servido Alex!! 😊 Ahora a darle duro!!
Alucinado estoy!! Eres más que un maquetador o un programador o un creador de contenidos ... Eres un catedrático de la didáctica y de la pedagogía !! Contigo es facilísimo aprender!! Me suscribo ... Muchísimas gracias.
Tienes mucha razón en el video, ayer tuve unos problemas similares a los que comentaste al principio, entonces decidí poner color al fondo de cada "caja" y logré agregar las propiedades que me faltaban, hoy ví este video y vaya que si lo veia antes me habría ayudado harto, ahora por experiencia y luego de ver este video, se que es una muuy buena decisión hacer lo que comentas en el mismo video, de principio a fin, saludos, buen video!
Por lo menos ya te has dado cuenta! Cualquiera que comience ahora tendrá que estar más al loro... o ver este vídeo 😊
bro deberias de hacer algun curso algo corto, o no se, sobre esto, la verdad es que es una informacion de oro, y creeria que seria bueno ampliarla, gracias por el video
Excelente contenido, toma tu like, gente como que aporta mas conocimiento valen oro
Hola Eduardo, gracias por tus contenidos. 👉🏽de frontends!!👩🏽💻
Muchas gracias a ti por el apoyo Alejandra!!! 🤗🤗🤗
Buenísimo aproach para maquetar!
Muchas gracias David!! Es bastante habitual al comenzar con CSS 😅
que clase amigo, tenia repetidamente problemas con esto.
Explicaste muy bien el concepto que debemos seguir. Gracias por compartir tus conocimientos
Gracias a ti Juan por comentar y apoyar el vídeo 😀
Muy bueno, hago lo mismo para maquetar, pero no añado background si no bordes. Me parece más sutil.
Awesome!!!! Just lo que necesitaba
Vaaaaaamos!!!!
Me alegra saber que esa es la manera correcta de maquetar, ya que yo lo hago muy similar, siempre le doy color a los contenedores para poderlos ver y ubicar correctamente. Lo que no hacía es lo de eliminar las imagenes y dejarlas hasta el final
Esta increíble, siempre tengo problemas con estructurar al maquetar muchas gracias por compartir
Que excelente video, realmente me va hacer la vida mas fácil.
Gracias por el comentario Diego!! 😊
Excelente vídeo, esto pasa igual con las tipografías como lo explicaste en un vídeo anterior, que de último habilitas todas tus fuentes y algunas propiedades de las tipografías. Lo de preocuparse si se ve feo es algo muy de programador empírico que maqueta a como vaya viéndose, el deber ser es que ya exista un diseño en figma y lugo de allí lo pases a css sin preocuparte las imágenes!
suscrito imediatamente. gracias men.
Muchísimas gracias Anthony!!! 😊
Crack ! explicas excelente !
Increíble video bro!, He aprendido mucho jajajajajaja, eso siempre me pasa que todo se descojona
Jajaja pues ala! Ya tienes LA técnica! 😊
Que pedazo de video, Eduardo. La verdad podría decir que ese es mi mayor problema al trabajar con diseños, me centro en posicionar imagenes obviando el box model. Gracias por este contenido de calidad.
Muchísimas gracias a ti Jorge por tu apoyo!! 😊
Imperdible material.
Muchas gracias.
Muchas gracias a ti por tu comentario Franz!! 😊
donde jugas amigo? la tenes muy clara man, gracias por la data!!!
Un placer Juan!! 😊
Gracias me ha ayudado mucho! (me hizo mucha gracia en el min 5:27 dijiste tal natural que " se nos está "descojonando" la estructura", jajajajajjajaja, supongo que querías decir descuajaringando a lo mejor)
Jajajajaja literal xD Pero me salió del alma xD
Saludos desde México. Excelente video anteriomente ya lo he estado implementando al maquetar y la verdad si es mas facil y comodo para acomodar los elementos de la pagina.
Woa tío yo estoy aprendiendo css y hago esto por mi propia cuenta por qué descubrí solo que era la mejor forma de hacerlo y ahora veo este video y emocioné mucho jajaja
Gracias Edu!! Justo estoy teniendo este error 😄 a practicar la estructura! Saludos
A daaaaaarle duro Brothers! 🤜
Que buen vídeo, verlo visualmente con el ejemplo ayuda muchísimo, aunque en tus vídeos de menú horizontal y’a se ve como lo haces y ahí me fijé yo. Gracias como siempre
Muchas gracias Ezequiel!!! Lo importante es quedarse con el concepto que intento explicar y si ya te distes cuenta en los vídeos de menú horizontal.. buen análisis! Es super importante tener un buen flujo de trabajo 😊
muy bueno!!!
Recién encuentro tu canal, muy buenos consejos mi estimado
En mi caso, yo suelo ponerle border a mis contenedores para diferenciarlos y si quiero acomodar elementos en linea, los pongo dentro de un div y asi por ejm si quiero crear un Nav
A mi nav le doy display flex y justify-content space between, de modo que empuje a mis 2 divs, donde uno contiene mis enlaces, y el otro el título e imagen.
Tenia la idea de trabajar asi para mas comodidad para mi, pero al ver este video estoy consolidando mas este método, muchas gracias nuevamente
Literalmente haces lo complicado fácil Saludos
Muchas gracias Skkrapi! 😊 Es que Maquetar CSS es sota, caballo y rey... con algún Joker por ahí perdido xD
Saludos Eduardo! Tienes algún tutorial o vídeo de los atajos o herramientas de vs code que usas en este? Por ejemplos cuales son los atajos para escribir al mismo tiempo el Lorem..? Gracias
Buenas Alex!! 😊 Muchas gracias por el comentario, la verdad es que si que tengo algunos, te los dejo por aquí! 😊
✔️ Comandos en Mac th-cam.com/video/ufBr475JrIE/w-d-xo.html
✔️ Comandos en Windows th-cam.com/video/so2uD3PoSqA/w-d-xo.html
✔️ Comandos aplicados a HTML y CSS th-cam.com/video/1n3urx71kN4/w-d-xo.html
✔️ Programa más rápido con Prepros th-cam.com/video/tArtLYlq9ws/w-d-xo.html
✔️ Consejos para programar más rápido th-cam.com/video/t73718VMScg/w-d-xo.html
Y el repositorio de Github 😊
github.com/eduardofierropro/Comandos-para-Visual-Studio-Code
@@EduardoFierroPro gracias amigo! Un abrazo!
Muy buenos videos Eduardo, en mi caso queria preguntar por las imagenes que usaste, si hay una pagina con ese estilo de imagenes o como la puedo buscar en Google, ya que me gustaron mucho. Te agradezco de antemano
Gracias crack saludos
Gracias a ti cruck!! 🤘🏼
Muy buen tip 👏👏
Muchas gracias Emiliano! 😊Si te parece buen Tip te recomiendo que veas este otro 👉 th-cam.com/video/z2mligKvV0A/w-d-xo.html
Hola bro, quería hacerte una pregunta? Es lo mismo reac js y boostrap?
NO
No bro
Buenas Irving!! Son cosas muy diferentes pero te recomiendo ver este vídeo para que no tengas dudas 😊👉 th-cam.com/video/qL5vIh8Nzcs/w-d-xo.html
uf tremendo tip
Parece que no es nada, pero 👁
muchas gracias , estructura estructura estructura XD
Exacto, centrémonos en la estructura!! 🤣
Yo siempre le pongo border de 1 px color negro a todas las cajas para saber como se estan posicionando y en que lugar esta cada cual, despues veo este video y me doy cuenta que estaba enfocandome en el box model de una manera decente
Yo también hago lo mismo, justamente lo hago para ver la posición de las cajas y no andar a ciegas.
No pongas border, usa outline para no alterar el box model
@@eR1cK92
Eso mismo pienso.
Al poner un borde está modificado el tamaño independientemente de la caja. Lo mejor es darle un background color.
Estoy esperando la solución al spoiler de no utilizar alturas
Yo hago lo mismo pero en ves de poner color de fondo pongo márgenes jajajaj
Yo te recomiendo que le pongas un borde de 1px, te quedara más claro donde están posicionadas cada caja de una manera más amigable xD
O... podrías usar flex gap
Buenas Aldux, gracias por la aportación! Aunque no es un problema de flex-gap lo que estoy intentando explicar. Sólo sintetizo un problema de maquetación que puede pasar tanto con float, flex o grid. Es simplemente la colocación de cajas 😊