❌ ERROR al MAQUETAR CSS: Te fijas en lo visual y no lo estructural ❌ Eduardo Fierro Pro

Поделиться
HTML-код
  • Опубликовано: 24 окт 2024

Комментарии • 71

  • @EduardoFierroPro
    @EduardoFierroPro  2 года назад +3

    😊 Vídeos recomendados ruclips.net/p/PLJpymL0goBgEzi6Z5AQysL8B-PNeovcjj
    🚀ROADMAP Desarrollo WEB ruclips.net/p/PLJpymL0goBgFzvCuhEJJ29-x1H_Uo5Esv
    🤯 Explicando Web de forma diferente ruclips.net/p/PLJpymL0goBgFK8kBgMuAAGfUEuP83Q1Ab
    🙇🏻 Construyendo un Slider, Acordeón, Tabs... ruclips.net/p/PLJpymL0goBgFXN27jElLCmysKQboKW7uW

  • @javierbausa2985
    @javierbausa2985 Год назад +2

    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.

  • @akzorla1
    @akzorla1 Год назад +6

    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!

    • @EduardoFierroPro
      @EduardoFierroPro  Год назад +1

      Me alegro que te haya servido Alex!! 😊 Ahora a darle duro!!

  • @Daviel2403
    @Daviel2403 20 дней назад

    Excelente contenido, toma tu like, gente como que aporta mas conocimiento valen oro

  • @risehit
    @risehit 2 года назад +13

    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!

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +1

      Por lo menos ya te has dado cuenta! Cualquiera que comience ahora tendrá que estar más al loro... o ver este vídeo 😊

  • @diegonaranjo1874
    @diegonaranjo1874 Год назад +1

    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

  • @FIFAvintage-cp4ic
    @FIFAvintage-cp4ic Год назад

    que clase amigo, tenia repetidamente problemas con esto.

  • @AlejandraMA1
    @AlejandraMA1 Год назад +1

    Hola Eduardo, gracias por tus contenidos. 👉🏽de frontends!!👩🏽‍💻

    • @EduardoFierroPro
      @EduardoFierroPro  Год назад +1

      Muchas gracias a ti por el apoyo Alejandra!!! 🤗🤗🤗

  • @alejandrorios6999
    @alejandrorios6999 Год назад

    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

  • @juanpedrososa1118
    @juanpedrososa1118 Год назад +1

    Explicaste muy bien el concepto que debemos seguir. Gracias por compartir tus conocimientos

    • @EduardoFierroPro
      @EduardoFierroPro  Год назад +1

      Gracias a ti Juan por comentar y apoyar el vídeo 😀

  • @santiagoyoan
    @santiagoyoan 11 месяцев назад

    Esta increíble, siempre tengo problemas con estructurar al maquetar muchas gracias por compartir

  • @cerm88
    @cerm88 2 года назад +2

    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!

  • @leonardocurbelobetancort430
    @leonardocurbelobetancort430 Год назад

    Muy bueno, hago lo mismo para maquetar, pero no añado background si no bordes. Me parece más sutil.

  • @Ing.CandidoHernandezMartin
    @Ing.CandidoHernandezMartin Год назад

    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.

  • @jorgearley9321
    @jorgearley9321 Год назад +1

    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.

    • @EduardoFierroPro
      @EduardoFierroPro  Год назад +2

      Muchísimas gracias a ti Jorge por tu apoyo!! 😊

  • @jorgegamboa5408
    @jorgegamboa5408 Год назад +1

    Awesome!!!! Just lo que necesitaba

  • @davidagredano
    @davidagredano Год назад +1

    Buenísimo aproach para maquetar!

    • @EduardoFierroPro
      @EduardoFierroPro  Год назад +2

      Muchas gracias David!! Es bastante habitual al comenzar con CSS 😅

  • @diegolopez3339
    @diegolopez3339 Год назад +1

    Que excelente video, realmente me va hacer la vida mas fácil.

  • @franzsalinas
    @franzsalinas 2 года назад +1

    Imperdible material.
    Muchas gracias.

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +1

      Muchas gracias a ti por tu comentario Franz!! 😊

  • @rodrigoallende4390
    @rodrigoallende4390 11 месяцев назад

    Crack ! explicas excelente !

  • @Seforagf
    @Seforagf 2 года назад +1

    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)

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +2

      Jajajajaja literal xD Pero me salió del alma xD

  • @ezequielgarcia4609
    @ezequielgarcia4609 2 года назад +1

    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

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +2

      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 😊

  • @pablinmda
    @pablinmda 2 года назад +1

    Gracias Edu!! Justo estoy teniendo este error 😄 a practicar la estructura! Saludos

  • @astrixwr5662
    @astrixwr5662 Год назад

    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

  • @santiagoandresmalagonmoral8864
    @santiagoandresmalagonmoral8864 Год назад +1

    Increíble video bro!, He aprendido mucho jajajajajaja, eso siempre me pasa que todo se descojona

  • @404ErrorFatal
    @404ErrorFatal 2 года назад +1

    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

  • @juanrossi6591
    @juanrossi6591 2 года назад +2

    donde jugas amigo? la tenes muy clara man, gracias por la data!!!

  • @anthonymarcelomosqueraorte5103
    @anthonymarcelomosqueraorte5103 Год назад +1

    suscrito imediatamente. gracias men.

  • @marceloemanuelquiroga7768
    @marceloemanuelquiroga7768 Год назад

    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

  • @alejandrovillanueva574
    @alejandrovillanueva574 Год назад +1

    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

    • @EduardoFierroPro
      @EduardoFierroPro  Год назад +2

      Buenas Alex!! 😊 Muchas gracias por el comentario, la verdad es que si que tengo algunos, te los dejo por aquí! 😊
      ✔️ Comandos en Mac ruclips.net/video/ufBr475JrIE/видео.html
      ✔️ Comandos en Windows ruclips.net/video/so2uD3PoSqA/видео.html
      ✔️ Comandos aplicados a HTML y CSS ruclips.net/video/1n3urx71kN4/видео.html
      ✔️ Programa más rápido con Prepros ruclips.net/video/tArtLYlq9ws/видео.html
      ✔️ Consejos para programar más rápido ruclips.net/video/t73718VMScg/видео.html
      Y el repositorio de Github 😊
      github.com/eduardofierropro/Comandos-para-Visual-Studio-Code

    • @alejandrovillanueva574
      @alejandrovillanueva574 Год назад

      @@EduardoFierroPro gracias amigo! Un abrazo!

  • @jestcodigos436
    @jestcodigos436 2 года назад +1

    Literalmente haces lo complicado fácil Saludos

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +2

      Muchas gracias Skkrapi! 😊 Es que Maquetar CSS es sota, caballo y rey... con algún Joker por ahí perdido xD

  • @emilianokegalj6915
    @emilianokegalj6915 2 года назад +1

    Muy buen tip 👏👏

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +1

      Muchas gracias Emiliano! 😊Si te parece buen Tip te recomiendo que veas este otro 👉 ruclips.net/video/z2mligKvV0A/видео.html

  • @rolandARG
    @rolandARG 9 месяцев назад

    muy bueno!!!

  • @F3RC4O
    @F3RC4O 2 года назад +2

    Gracias crack saludos

  • @ZerefCG
    @ZerefCG 2 года назад

    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

    • @xDEKITOx
      @xDEKITOx Год назад

      Yo también hago lo mismo, justamente lo hago para ver la posición de las cajas y no andar a ciegas.

    • @eR1cK92
      @eR1cK92 Год назад

      No pongas border, usa outline para no alterar el box model

    • @eljons1137
      @eljons1137 Год назад

      @@eR1cK92
      Eso mismo pienso.
      Al poner un borde está modificado el tamaño independientemente de la caja. Lo mejor es darle un background color.

  • @hades1384
    @hades1384 2 года назад

    Hola bro, quería hacerte una pregunta? Es lo mismo reac js y boostrap?

    • @jsr6941
      @jsr6941 2 года назад +1

      NO

    • @omardev9626
      @omardev9626 2 года назад +1

      No bro

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад

      Buenas Irving!! Son cosas muy diferentes pero te recomiendo ver este vídeo para que no tengas dudas 😊👉 ruclips.net/video/qL5vIh8Nzcs/видео.html

  • @razareza6960
    @razareza6960 Год назад

    Estoy esperando la solución al spoiler de no utilizar alturas

  • @as23as1000
    @as23as1000 2 года назад +1

    uf tremendo tip

  • @gustavojuarez2763
    @gustavojuarez2763 Год назад +1

    muchas gracias , estructura estructura estructura XD

  • @FacuR001
    @FacuR001 Год назад +1

    Yo hago lo mismo pero en ves de poner color de fondo pongo márgenes jajajaj

    • @xDEKITOx
      @xDEKITOx Год назад

      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

  • @aldorsan
    @aldorsan 2 года назад +3

    O... podrías usar flex gap

    • @EduardoFierroPro
      @EduardoFierroPro  2 года назад +3

      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 😊