Scroll Animation BRUTAL con HTML, CSS y JavaScript | Desde Cero

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

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

  • @romeror
    @romeror 4 дня назад +40

    estoy empezando a programar, ver cómo él hace todo sin siquiera pensarlo, sin dudar y aparte explicando al mismo tiempo me parece algo tan lejano para mí, que locura, es brutal. Espero llegar a ser así algún día y también poder enseñar con confianza a los demás, pero se ve tan lejos el ser así, es demasiado increíble 🚀

    • @manuelrodriguez-ef1ij
      @manuelrodriguez-ef1ij 4 дня назад +4

      @@romeror Literal, estoy en mi tercer semana de un curso y recién estamos aprendiendo a jugar con HTML y CSS, ver estas cosas me vuelva la cabeza, en lo que midu hace lo del header yo le estoy poniendo borde a un h1 jajajaj, estos vídeos motivan

    • @mateofontaine8693
      @mateofontaine8693 4 дня назад +2

      bro, es solo cuestion de darle tiempo al tiempo, vos viendo este video son esos micropasos que estas dando para llegar a donde queres estar, yo tambien tengo el mismo anelo que vos, pero aca estamos dia a dia, si de verdad es lo que queres lo vas a lograr, es solo cuestion de practicar, estudiar, y trabajar en tus proyectos! saludso crack! cuando subas tus videos explicando ahi voy a estar !

    • @Darknessss-ui7zl
      @Darknessss-ui7zl 4 дня назад

      Memoria muscular

    • @44valennn
      @44valennn 4 дня назад +1

      Yo lo pienso de la misma manera jajaja. Ya tengo conocimiento y experiencia en hacer sitios webs y aun asi veo muy lejos en tener su conocimiento jajaja

    • @romeror
      @romeror 4 дня назад

      @@44valennn imagínate jajajaja si te sientes así con experiencia qué nos queda a los mortales que vamos empezando XD

  • @tomasmoyano515
    @tomasmoyano515 21 час назад +2

    sos un crack midu, sos el único que me hace sentir humano respecto a la programación. Mostras todo el proceso tal cual alguien normal lo haría y mostrás también las mismas preguntas que nos hacemos todos cuando se nos clava, muchos otros que enseñan te muestran todo resuelto y es más difícil poder ver la problemática con la que se van enfrentando y cómo la van resolviendo. Te agradezco y que tengas un gran año!

    • @midulive
      @midulive  8 часов назад +1

      Gracias, Tomás :)

  • @engineerwizard9254
    @engineerwizard9254 4 дня назад +12

    Estos son los proyectos sin dependencias que molan Midu

  • @Next-Js
    @Next-Js 4 дня назад +6

    Buenisimo Midu, tenía rato buscando contenido así de animaciones!

  • @javierperalta8485
    @javierperalta8485 4 дня назад +1

    Excelente midu, lo estaba esperando.

  • @Undead34
    @Undead34 4 дня назад +10

    JAJAJAJAJA UN PERRO QUE PROGRAMA CON PYTHON TQM MIDUUUU 😁😁😆😆😆😆

  • @ElKolimar
    @ElKolimar 4 дня назад +7

    El efecto WOW! hombre de cultura.... imagina que tienes 2 vacas, y las vacas quieren un scroll smooth

  • @juanestebanmoralessaenz8898
    @juanestebanmoralessaenz8898 4 дня назад

    Increíble todo el conocimiento que midu puede impartir en tan sólo hora y media de un video de youtube.

  • @mateofontaine8693
    @mateofontaine8693 4 дня назад +1

    Midu, sos un maquina segui asi cabezon, te mando un saludo desde argentina, eres el messi de la progra!!!

  • @Alden1320
    @Alden1320 2 дня назад

    Todo un crack el Midu

  • @emanuelgamer3441
    @emanuelgamer3441 4 часа назад

    para actualizar datos y cosas similares en el caso de videojuegos (yo tambien louso en web aveces) es usando un bucle con un deltatime, y una funcion lerp para hacer interpolaciones entre valores y cuando hayan brincos o cosas similares hacer una interpolacion entre cada uno de losestados.

  • @YamilGallardoYunes
    @YamilGallardoYunes 4 дня назад

    Wow midu menuda animación 👏🏻

  • @yoverale
    @yoverale 10 часов назад

    Para extraer los frames del video se puede hacer de forma muy sencilla con un script de Python, y gracias a que chatgpt te resuelve todo acepablemente ni siquiera hace falta dominar el lenguaje, solo saber armar bien el prompt 😅

  • @carlosmindiola617
    @carlosmindiola617 4 дня назад +1

    11:43 haciendo el circulo y colocando al "ojo" el linear gradient, ese esta como el chiste de el Doc de volver al futuro, cuando hace las maquetas de como es el plan para enviar a marty al futuro 😂😂

  • @café500lvl
    @café500lvl 4 дня назад +4

    5:25 "esa moto nooo" jajaja

  • @tHeFEr0nly
    @tHeFEr0nly 3 дня назад

    hola midu! me pase a ver el sitio y joya de motos! por cierto, todos los enlaces de las rrss llevan a instagram!
    eres buenisimo tirando code!
    saludos desde mx!

  • @TomasAgustinSoto
    @TomasAgustinSoto 16 часов назад

    Tengo una consulta. El problema a tener pocas imagenes al realizar la scroll (parpadeo en la opcion 1) No se podría resolver con un auto-scroll que te lo lleve al usuario a la velocidad que nosotros querramos por esa seccion?

  • @dereksolutionsrobins7117
    @dereksolutionsrobins7117 День назад

    Como ves arriba los ultimos copy/paste que hicieste en el mac??

  • @dogek4745
    @dogek4745 4 дня назад

    hola midu este video me cae preciso justo ahora , en el trabajo me pidieron que pueda implementar este scroll animation en solo js , html y css ya que me indican que asi es mucho mas lijero , es esta la mejor alternativa para hacerlo por temas de posicionamiento SEO ?

  • @samuelfelipetrujilloespino3437
    @samuelfelipetrujilloespino3437 4 дня назад +9

    Ni tan rápido llego a mis clases

  • @jucaripo
    @jucaripo 4 дня назад

    buen tutorial felicitaciones midulive

  • @PSKA2
    @PSKA2 4 дня назад

    Entonces aquí tendría sentido usar el formato de imagen AVIF, Increíble.

  • @EkhyOk
    @EkhyOk 2 дня назад

    no entiendo nada pero me fascina ver cómo lo hace jaaja

  • @jaircarrillo1663
    @jaircarrillo1663 2 часа назад

    Como puedo conseguir el video de la moto?

  • @bale_1696
    @bale_1696 4 дня назад

    muy bueno !!

  • @JoseLopez-wh7xe
    @JoseLopez-wh7xe 4 дня назад

    Muy bien! 😊

  • @CarlosMerchán-o1u
    @CarlosMerchán-o1u 3 дня назад

    Para los que quieran convertir a el video a frames pueden usar un convertor como handbrake, shutter encoder, media encoder, o un editor de video y exportan en jpg.

  • @reneam
    @reneam 2 дня назад

    Antes de ver: LIKE

  • @crecerinfo
    @crecerinfo 4 дня назад

    Siempre me aparecen videos en tik tok com estos diseños, ya quiero aprender a como hacerlo😊😊.

    • @midulive
      @midulive  4 дня назад

      Claro que sí! Pues en este vídeo te explico cómo hacer una parte. :)

  • @AnthonyStiven-g3y
    @AnthonyStiven-g3y 4 дня назад +1

    Uff hermoso

  • @fabio_0
    @fabio_0 3 дня назад

    que framework de CSS es el que usa midu?

  • @assass-zs5ef
    @assass-zs5ef 4 дня назад

    Un par de veces he visto que te pasa lo de definir las funciones como constantes, y luego tratar de llamarlas antes de su definición hahaha. Es por alguna costumbre (usar constantes en lugar de 'function')? PD: eres un grande midu :)

  • @zatoichihanzo9167
    @zatoichihanzo9167 4 дня назад

    58:50 Alguien me puede decir la extension para el clipboard history?

    • @estebanpiedrahita2666
      @estebanpiedrahita2666 4 дня назад

      Yo uso Microsoft powertoys que es una herramienta desarrollada por windows, es muy buena y trae muchas herramientas que mejoran windows, Midu usa Mac entonces debe ser otra

  • @Alden1320
    @Alden1320 2 дня назад

    "Nos inspiramos en esta página"

  • @hanayama-777
    @hanayama-777 4 дня назад

    MIDU no se si me leas pero pienso que seria un buen proyecto la creación de Charts, si bien hay muchas librerías que hacen esto no son del todo customizables.

  • @chikishuh06
    @chikishuh06 4 дня назад

    7:30 epico 😂😂😂😂😂😂😂

  • @larcecastellon7010
    @larcecastellon7010 4 дня назад

    Grande midu

  • @moralex74
    @moralex74 4 дня назад

    Eres un genio...

  • @nokosu2862
    @nokosu2862 4 дня назад

    Increible

  • @pepito7773
    @pepito7773 4 дня назад +1

    Ufff 🗿✌️

  • @itoedu-c9y
    @itoedu-c9y 4 дня назад

    Hola midu. Serias tan amable de revisar el correo que tienes publicado en github y que te envíe.

  • @madrid29madrid
    @madrid29madrid 3 дня назад

    Hola, hola!
    Alguien sabría decirme si los navegadores bloquean por defecto los videos en dispositivos móviles?
    Estoy haciendo pruebas con un video que he subido en mp4 de 5 megas y en el movil no arranca. En el portatil, sin problema ¿?
    El código es básicamente el que escribe Midu en la opción 1 del tutorial:
    Saludos Comunidad! Gracias Midu!

  • @deltaforce3329
    @deltaforce3329 3 дня назад

    Gracias , puedes esnenarnos a hacer videos AI con un open source !! Feliz Navidad y prospero 2025 !!

  • @str9845
    @str9845 4 дня назад +1

    7:23 xd

  • @RelatosdeRiqueza
    @RelatosdeRiqueza 4 дня назад

    ¿Alguien más piensa que esto es un must para su portafolio? 🚀 Solo espero que mi CPU no me odie después de intentarlo... 😅

  • @deltaforce3329
    @deltaforce3329 3 дня назад

    Yo creia que la moto era real !!

  • @lenninv.1274
    @lenninv.1274 4 дня назад

    5:22 No sabía que en vsc se puede colocar iconos después de ":"

    • @davidrm9499
      @davidrm9499 4 дня назад

      @@lenninv.1274 Es una app de mac llamada rocket creo

  • @rastersoft
    @rastersoft 4 дня назад

    ¿"ichiban"? ¿Esa no era la marca de "pintalabios para hombres" de Friends? 😀

  • @Dan1eleduardooo
    @Dan1eleduardooo 4 дня назад

    Grcia

  • @Jeanwmedia
    @Jeanwmedia 4 дня назад

    Python Dogs no se enojen. ❤

  • @pohananapy
    @pohananapy 4 дня назад

    un perro que programa con python ajjsjasjdj

  • @hjromeroking4354
    @hjromeroking4354 4 дня назад

    😂😂😂, 20x slowdown es como una Pentium 4.

  • @juansebastian8647
    @juansebastian8647 4 дня назад

    uff que pro

  • @Nekashii
    @Nekashii 4 дня назад

    Vaya vendida de moto

  • @emanuelpalacio-q3l
    @emanuelpalacio-q3l 4 дня назад

    pense que era algo hecho con threeJS, me decepcione

    • @recetasanabolicas
      @recetasanabolicas 3 дня назад

      Pues sí que estabas desubicado al leer el título del vídeo jajaja

    • @emanuelpalacio-q3l
      @emanuelpalacio-q3l 3 дня назад

      @recetasanabolicas ni Leí el título xD solo vi la portada y la intro del vídeo de la animación y dije será algo 3D con trheejs y me decepcióne solo xd

  • @WDR_Asa
    @WDR_Asa 4 дня назад

    Booeeee

  • @No_estoy_de_acuerdo
    @No_estoy_de_acuerdo 4 дня назад +1

    No digas robar se escucha feo mejor que sea tomar prestado