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

Channel:

midulive

Subscribers:

409,000

Published on December 19, 2024 12:00:00 AM ● Video Link: https://www.youtube.com/watch?v=8EA-WNFMYwI

Duration: 0:00

50,619 views

2,600

En este video aprenderas una LOCA animación con Scroll usando solo HTML, CSS y vanilla JavaScript con cero dependencias + explicado

▶ No te pierdas más directos en:https://www.twitch.tv/midudev 
JavaScript 100:https://www.javascript100.dev//

Marcadores del video:
00:00:00 - Lo que aprenderás
00:05:04 - Creando nuevo proyecto
00:05:17 - HTML
00:07:21 - momento xd
00:09:44 - Esfera del header
00:19:30 - Animación: Primera opción
00:25:05 - Preguntas de la comunidad
00:27:59 - El problema de la opción 1
00:31:22 - Opción 2: Pirata
00:39:11 - ¿Por que petardea?
00:41:43 - Scrapping de las imagenes (educativo)
00:49:49 - Actualizando los frames
00:57:01 - Cómo optimizar frames
01:03:47 - Mejorando el rendimiento y UX
01:08:26 - Hacer que funcione bien en PC’s antiguas
01:10:29 - Pasarlo a CSS
01:16:19 - Pasando imagenes en webp
01:20:20 - Preload en las imagenes
01:31:08 - OffscreenCanvas
01:32:14 - Últimas palabras