Envía tu propuesta 🇦🇷🇲🇽
← Volver a NERDflix
Ya está abierto el llamado a charlas para Nerdearla Argentina y México Envía tu propuesta 🇦🇷🇲🇽

CSS Scroll-Driven Animations: Scrolleando con estilo

  • Protagonista: Mariana Beldi
  • Año: 2024
  • País: Argentina
  • Género: Comedia
  • Track: Development
  • Idioma: Español

Luego de 5 años de trabajo (y 10 desde la primera propuesta), los navegadores modernos comenzaron a implementar las animaciones de scroll con CSS. En este taller interactivo veremos cómo usar Scroll Progress Timeline y View Progress Timeline para crear efectos visuales dinámicos sin JavaScript. Estas técnicas avanzadas nos ayudarán a mejorar la experiencia del usuario con animaciones fluidas y responsivas solo con CSS. Incluye ejemplos prácticos, código en vivo, recursos adicionales y espacio para preguntas. Ideal para desarrolladores que buscan innovar en sus proyectos web con técnicas avanzadas sin JavaScript.

development css html animation css-animations scroll-driven ui webdev
CSS Scroll-Driven Animations: Scrolleando con estilo

Sobre Mariana Beldi

Mariana Beldi
Mariana Beldi
Head of Branding at Leniolabs

Soy diseñadora y desarrolladora web, especializada en ilustración y animaciones SVG.

𝕏 Twitter LinkedIn

🇨🇱 Charlas de Nerdearla Chile 2026 que te van a interesar

Mojo & MAX - A modern AI-first SW Development ecosystem Coming Soon
Mojo & MAX - A modern AI-first SW Development ecosystem
Chris Lattner
La nueva brecha digital: Del vibecoding a la Ingeniería Coming Soon
La nueva brecha digital: Del vibecoding a la Ingeniería
Martí Cristobal
La poesía de los binarios estáticos Coming Soon
La poesía de los binarios estáticos
Nacho Codina
Detectando problemas de Web Performance con Chrome DevTools Coming Soon
Detectando problemas de Web Performance con Chrome DevTools
Joan Leon
Del Vibe Caos al Despertar Spec-Driven Coming Soon
Del Vibe Caos al Despertar Spec-Driven
Carlos Gauto
The Third Golden Age Coming Soon
The Third Golden Age
Grady Booch
Extiende tu agentes herramientas y memoria Coming Soon
Extiende tu agentes herramientas y memoria
Juan Irungaray
Construye tu Primer Agente de IA con Open Source Coming Soon
Construye tu Primer Agente de IA con Open Source
Ana Cunha, Hazel Saenz

Ya está abierto el llamado a charlas para Nerdearla Argentina y México

Envía tu propuesta 🇦🇷🇲🇽

Charlas de ediciones anteriores

La programación ha muerto. ¡Larga vida a la programación!
▶
La programación ha muerto. ¡Larga vida a la programación!
Miguel Ángel Durán García
10 cosas que los desarrolladores deberian saber de las BD
▶
10 cosas que los desarrolladores deberian saber de las BD
Carlos Tutte
A mover el Qgis
▶
A mover el Qgis
Alejandro Nelis & Constanza Torrilla
An Intro To IoT (Internet of Toilets 🚽); Or How I Built an IoT Kitty Litter Box with JavaScript
▶
An Intro To IoT (Internet of Toilets 🚽); Or How I Built an IoT Kitty Litter Box with JavaScript
Joe Karlsson
Antipatrones en la Ingeniería de Software
▶
Antipatrones en la Ingeniería de Software
Ezequiel Maraschio
Back to the Future: Rust, Zig, and the New Age of C++ Alternatives
▶
Back to the Future: Rust, Zig, and the New Age of C++ Alternatives
Charlie L & Jose Rodriguez Salinas
Beneficios de tener proyectos personales en la programación
▶
Beneficios de tener proyectos personales en la programación
Luis Araujo
Big Data y MongoDB
▶
Big Data y MongoDB
Maria Veronica Piñeyro
Big Data: La información detrás de los datos
▶
Big Data: La información detrás de los datos
Federico Pablos
Building a real-time collaborative editor
▶
Building a real-time collaborative editor
Mihaela Gheorghe-Roman
Cambiar el avión en pleno vuelo: producto masivo y equipo dev intacto
▶
Cambiar el avión en pleno vuelo: producto masivo y equipo dev intacto
Joel del Valle
Centralized Logging Patterns
▶
Centralized Logging Patterns
Emanuil Tolev
CHALLENGES TÉCNICOS de programación y la REINVENCIÓN de PHP
▶
CHALLENGES TÉCNICOS de programación y la REINVENCIÓN de PHP
Victoria Charra & Gonzalo Pozzo
Checklist para que tu Dashboard quede perfecto
▶
Checklist para que tu Dashboard quede perfecto
Lucia Stefanuto
Ciencia de datos multilenguaje en un solo IDE de nueva generación
▶
Ciencia de datos multilenguaje en un solo IDE de nueva generación
Luis D. Verde Arregoitia
Ciencia en el subte
▶
Ciencia en el subte
Pablo González & Andrés Rieznik
Como preparar tu proxima charla tecnica
▶
Como preparar tu proxima charla tecnica
Justo Miguel Vargas
Conceptos Poco Conocidos de Programación Moderna
▶
Conceptos Poco Conocidos de Programación Moderna
Héctor de León
Concurrencia intuitiva con Go
▶
Concurrencia intuitiva con Go
Soledad Kuczala, Elias Kickbush & Alan Vivona
Construyendo aplicaciones colaborativas sin morir en el intento
▶
Construyendo aplicaciones colaborativas sin morir en el intento
Nicolás Rainhart
Cómo NO hablar con soporte
▶
Cómo NO hablar con soporte
Ezequiel Brizuela
Del dicho al hecho: MVP, PoC y MLE
▶
Del dicho al hecho: MVP, PoC y MLE
Ricardo Di Pasquale & Ines Nosetti
Deportes electrónicos, espectáculo y lo que viene
▶
Deportes electrónicos, espectáculo y lo que viene
Iván Darío Niello
Desarrollo & Rock and roll
▶
Desarrollo & Rock and roll
German Kratzer
Desarrollo con React: El Arte de las Buenas Prácticas
▶
Desarrollo con React: El Arte de las Buenas Prácticas
Alfonsina Lizardo
Desarrollo de aplicaciones web con Svelte 5 ¿Qué hay de nuevo, viejo?
▶
Desarrollo de aplicaciones web con Svelte 5 ¿Qué hay de nuevo, viejo?
Sebastián Scarano
Developer Experience: Helping your team and business thrive
▶
Developer Experience: Helping your team and business thrive
Luis Pujols
El pago por cada uso de tus datos ya esta aqui; construyendo soluciones con data descentralizada.
▶
El pago por cada uso de tus datos ya esta aqui; construyendo soluciones con data descentralizada.
Simoneth Gomez
El protocolo MCP: "Más Contexto Porfa"
▶
El protocolo MCP: "Más Contexto Porfa"
Guido de Caso
En qué se parece mi cena de fin de año a trabajar en IT en el banco
▶
En qué se parece mi cena de fin de año a trabajar en IT en el banco
Sebastian Lovera Higa
Fan de maratonear en Netflix? gRPC lo hace posible
▶
Fan de maratonear en Netflix? gRPC lo hace posible
Maria Camila Niebles Reyes
Flow. The worst software development approach in history - English - Sander Hoogendoorn
▶
Flow. The worst software development approach in history - English - Sander Hoogendoorn
Kim Wilgen
Flow. The worst software development approach in history - Español - Sander Hoogendoorn
▶
Flow. The worst software development approach in history - Español - Sander Hoogendoorn
Kim Wilgen
Folder Hell en Typescript
▶
Folder Hell en Typescript
Alan Perez
Había una vez un Parser chiquito (en TypeScript)
▶
Había una vez un Parser chiquito (en TypeScript)
Daniel Gonzalo Gluzman & Fabricio Leonel Palavecino
How to be a Junior Developer as an adult, work outside the home, and not die trying
▶
How to be a Junior Developer as an adult, work outside the home, and not die trying
Soledad Kuc...
Ilumina tu Mundo: Creando una Lámpara LED Inteligente con Alexa, ESP32 y AWS IoT Core
▶
Ilumina tu Mundo: Creando una Lámpara LED Inteligente con Alexa, ESP32 y AWS IoT Core
Claudia Márquez
Ingeniería de software: ¿Cómo enfrentar el desafío?
▶
Ingeniería de software: ¿Cómo enfrentar el desafío?
Elizabeth Carreño
Integrate AI into your development workflow
▶
Integrate AI into your development workflow
Gabriel Giannattasio & Tomas Piaggio
Internet de las cosas: de la intuición al desarrollo
▶
Internet de las cosas: de la intuición al desarrollo
Cristian Reynaga
Introducción a Mob Programming
▶
Introducción a Mob Programming
Ale Sarco
JS Serverless y AWS en acción: Innovación y Accesibilidad con Voz Junto a Transcribe, Polly, Amplify
▶
JS Serverless y AWS en acción: Innovación y Accesibilidad con Voz Junto a Transcribe, Polly, Amplify
Ricardo Castillo
JSON Schema Validation; A dating show between backend and frontend.
▶
JSON Schema Validation; A dating show between backend and frontend.
Jorrik Klijnsma
Kafka y la metamorfosis asincrónica
▶
Kafka y la metamorfosis asincrónica
Federico Brasburg
Key Technologies for a new project in the Digital Wave
▶
Key Technologies for a new project in the Digital Wave
Gabriel Arango
KMP como opción híbrida para iOS y Android
▶
KMP como opción híbrida para iOS y Android
Kevin Morales
Kotlin: hagamos una app Android
▶
Kotlin: hagamos una app Android
Facundo Rodríguez Arceri & Ezequiel Zanetta
La (Re)Evolución del AI-Gen los Copilotos y el camino hacia la creatividad algorítmica
▶
La (Re)Evolución del AI-Gen los Copilotos y el camino hacia la creatividad algorítmica
Martin Sciarrillo & Yamila Zakhem
La A en el STEAM: Experimentación artística con algoritmos
▶
La A en el STEAM: Experimentación artística con algoritmos
Francisca Beatriz Medina Concha
La Belleza del programa, la Felicidad del Programador
▶
La Belleza del programa, la Felicidad del Programador
Hernán Wilkinson
La Cocina del Robot: Big Data & IA
▶
La Cocina del Robot: Big Data & IA
Maria Victoria Munafó & Santiago Toledo Berral
La Revolución de IA en el Desarrollo Full Stack: Una Guía para Desarrolladores Frontend
▶
La Revolución de IA en el Desarrollo Full Stack: Una Guía para Desarrolladores Frontend
Fabián Arismendi
La supervivencia del más apto - The survival of the fittest
▶
La supervivencia del más apto - The survival of the fittest
Alan Hryniewicz
La Trifuerza del Desarrollo: Desata el Poder de Firebase, Angular y Gemini
▶
La Trifuerza del Desarrollo: Desata el Poder de Firebase, Angular y Gemini
Jorge Cano
Latinoamérica en código: construyendo una plataforma de reportes en Next.js
▶
Latinoamérica en código: construyendo una plataforma de reportes en Next.js
Nicolás Gómez
LEVEL UP! Concurrencia en React 18
▶
LEVEL UP! Concurrencia en React 18
Fernando Rosenblit Gonzalez
Livebook como Lente: Concurrencia, Lógica y Machine Learning en Elixir
▶
Livebook como Lente: Concurrencia, Lógica y Machine Learning en Elixir
Carla Rodríguez
Lo que te has perdido por seguir en Java 8
▶
Lo que te has perdido por seguir en Java 8
Javier Ramírez
Los chanchitos de Fourier y machine learning
▶
Los chanchitos de Fourier y machine learning
Pablo Casas
Lucy en el metaverso con diamantes
▶
Lucy en el metaverso con diamantes
Juan Ramiro Fernandez
Making Illegal States Unrepresentable (in JavaScript)
▶
Making Illegal States Unrepresentable (in JavaScript)
Pablo Fernández
Matemática para Nerds
▶
Matemática para Nerds
Lic. María Inés Baragatti
Matemática para programadores: ¿qué es una función?
▶
Matemática para programadores: ¿qué es una función?
Federico Santana
Matemática que suena bien.
▶
Matemática que suena bien.
Teo López Puccio
MCP Servers: los superpoderes ✨ ocultos de los LLMs 🧠
▶
MCP Servers: los superpoderes ✨ ocultos de los LLMs 🧠
Gisela Torres
Mente flexible, aprendizaje poderoso: Estrategias para adaptarte a tu cerebro
▶
Mente flexible, aprendizaje poderoso: Estrategias para adaptarte a tu cerebro
Rita Iglesias Gándara
MERN Stack + GraphQL
▶
MERN Stack + GraphQL
Matías Thompson
Mi pareja es developer
▶
Mi pareja es developer
Victoria Barrigon & Yamila Herrera
Micro Frontends en un Banco Global
▶
Micro Frontends en un Banco Global
Pablo Inchausti
Micro-Workshop: Encapsulamiento
▶
Micro-Workshop: Encapsulamiento
Hernán Wilkinson
MicroWorkshop: No usar null
▶
MicroWorkshop: No usar null
Hernán Wilkinson
Migrar el testing a open source
▶
Migrar el testing a open source
Federico Toledo
Mind the gap: achicando la grieta entre el front y back
▶
Mind the gap: achicando la grieta entre el front y back
Marcos Daniel Navarro
Mobile first: desarrollo web moderno como debe ser
▶
Mobile first: desarrollo web moderno como debe ser
Pablo Marino
Más Allá del Chatbot: Agentes de IA Autónomos en el Frontend
▶
Más Allá del Chatbot: Agentes de IA Autónomos en el Frontend
Bezael Pérez
Neurodiversidad en Tecnología: Superando Estereotipos
▶
Neurodiversidad en Tecnología: Superando Estereotipos
Leslie Herrera
Ni banco ni fintech: bantech
▶
Ni banco ni fintech: bantech
Justo German Roumieu
Ni yendo, ni llegando: tus archivos ya transferidos con AWS
▶
Ni yendo, ni llegando: tus archivos ya transferidos con AWS
Mariela Cagnoli
Node.js: El Event Loop no es suficiente!
▶
Node.js: El Event Loop no es suficiente!
David Quezada
Nunca nadie descubrió un dinosaurio
▶
Nunca nadie descubrió un dinosaurio
Claudio Cormick & Valeria Edelsztein
Olvidate de Excel, bienvenido pandas
▶
Olvidate de Excel, bienvenido pandas
David Jonathan Sol Llaven
Optimización de Pruebas de Rendimiento con k6 para DevOps
▶
Optimización de Pruebas de Rendimiento con k6 para DevOps
José Wenceslao A. Castillo Mendoza
Pablo Inchausti - Micro Frontends en un Banco Global
▶
Pablo Inchausti - Micro Frontends en un Banco Global
BBVA
Pair programming la práctica que no sabías que tu equipo necesita
▶
Pair programming la práctica que no sabías que tu equipo necesita
Tomás Botalla & Alejo García
Panel de cierre del Track Testearla - María Cecilia Benassi, Federico Toledo y Claudia Solans
▶
Panel de cierre del Track Testearla - María Cecilia Benassi, Federico Toledo y Claudia Solans
María Cecilia Benassi & Federico Toledo
Patrones de Diseño, la receta para un software exitoso
▶
Patrones de Diseño, la receta para un software exitoso
Yamila Herrera
Patrones de Diseño: de vuelta a las bases
▶
Patrones de Diseño: de vuelta a las bases
Nicolas Paez
Pensando en la escalabilidad del MVP
▶
Pensando en la escalabilidad del MVP
Sebastián Almon
Polémica en /nerdearla
▶
Polémica en /nerdearla
AMA
Polémica en /nerdearla, un compacto de lo que sí o sí tenés que saber.
▶
Polémica en /nerdearla, un compacto de lo que sí o sí tenés que saber.
Eduardo Casarero & Valeria Ibañez
Por qué aplicar a un trabajo es un dolor de #"&%!?
▶
Por qué aplicar a un trabajo es un dolor de #"&%!?
Mariano Aragunde
Predicciones en la Era Artificial
▶
Predicciones en la Era Artificial
Gissel Velarde
Programando un Wordle con TDD e Inteligencia Artificial
▶
Programando un Wordle con TDD e Inteligencia Artificial
Maximiliano Contieri
Reggaeton Be Gone
▶
Reggaeton Be Gone
Roni Bandini
Según un estudio de la Universidad de Narnia…
▶
Según un estudio de la Universidad de Narnia…
Guadalupe Nogués
Sincronización Perfecta: Comunicación entre Microservicios con TypeScript y NestJs
▶
Sincronización Perfecta: Comunicación entre Microservicios con TypeScript y NestJs
Benjamín Sepúlveda
Software 2.0: La Revolución de la IA en Todas las Etapas del Desarrollo
▶
Software 2.0: La Revolución de la IA en Todas las Etapas del Desarrollo
Andrés de la Cruz Rojas
Software development practices for companies that want to make an impact
▶
Software development practices for companies that want to make an impact
Yuval Pemper
Sonar como herramienta para impulsar la transformación cultural del software
▶
Sonar como herramienta para impulsar la transformación cultural del software
Gastón Marón & Carlos Patrignani
Standup Matemágico
▶
Standup Matemágico
Andrés Rieznik
Subite a mi ilusión super-sport
▶
Subite a mi ilusión super-sport
José Sahad
Sumergite en Machine Learning: Taller de Entrenamiento Creativo
▶
Sumergite en Machine Learning: Taller de Entrenamiento Creativo
Leandro Artaza & Laura Eliaschev
Test Driven Development 101
▶
Test Driven Development 101
Maximiliano Contieri
Testing automatizado de juegos
▶
Testing automatizado de juegos
Gustavo Moreira
Testing efectivo con React Testing Library
▶
Testing efectivo con React Testing Library
Matías Chomicki
The Best Holiday Present You Will Ever Receive
▶
The Best Holiday Present You Will Ever Receive
Jon "maddog" Hall
The Message Is The Medium
▶
The Message Is The Medium
Douglas Crockford
Transforma tu flujo de desarrollo con Kiro: Desarrollo Basado en Especificaciones
▶
Transforma tu flujo de desarrollo con Kiro: Desarrollo Basado en Especificaciones
Pablo Pagani
Transformando la manera de crear aplicaciones, La era del drag and drop
▶
Transformando la manera de crear aplicaciones, La era del drag and drop
Pablo Federico
Tu próximo editor de código está en la nube: por qué deberías usar Project IDX
▶
Tu próximo editor de código está en la nube: por qué deberías usar Project IDX
David East
Un framework de capacidades para construir equipos de ingeniería de productos excepcionales
▶
Un framework de capacidades para construir equipos de ingeniería de productos excepcionales
Juan Pablo Buritica
Un mundo de direcciones
▶
Un mundo de direcciones
Franco Galeano
Unibotics.org, sitio web para programar robots
▶
Unibotics.org, sitio web para programar robots
JoseMaria Cañas Plaza & Javier Izquierdo Hernández
Universal Acceptance
▶
Universal Acceptance
Branko Straub
Unleash your coding superpowers: Create your own ESLint rule!
▶
Unleash your coding superpowers: Create your own ESLint rule!
Christian Vuerings
Usabilidad: como definir objetivos para construir pruebas efectivas
▶
Usabilidad: como definir objetivos para construir pruebas efectivas
Sofia Armendariz & Macarena Varela
Usando git en la educación
▶
Usando git en la educación
Leandro
UX para potenciar el software
▶
UX para potenciar el software
Martín Thiessen
UX sin UI – Cómo colaboran Research y Content en la construcción de productos digitales
▶
UX sin UI – Cómo colaboran Research y Content en la construcción de productos digitales
Sheila Schuster & Nathalia Viegas Conte
Vanilla Web ¿Necesitás usar esa librería?
▶
Vanilla Web ¿Necesitás usar esa librería?
Maximiliano Firtman
Vibe Test Driven Development
▶
Vibe Test Driven Development
Maximiliano Contieri
WebAssembly Season 2: La nube
▶
WebAssembly Season 2: La nube
Sebastian Alvarez
WebRTC
▶
WebRTC
Rodrigo Ramírez Norambuena
What a long strange trip it's been... and probably will be!
▶
What a long strange trip it's been... and probably will be!
Jon "Maddog" Hall
What is Software Design and how can we do it well?
▶
What is Software Design and how can we do it well?
Hernán Wilkinson
What, who, when, where and why use Go
▶
What, who, when, where and why use Go
Manuel Alba
Windsurf 101: Aprende a usar un IDE Agéntico
▶
Windsurf 101: Aprende a usar un IDE Agéntico
Rafael Patiño Goji
Zarpale la Data
▶
Zarpale la Data
Sergio García Mora & Gastón Laterza
¡No te enredes analizando relaciones! Aplica análisis de Grafos
▶
¡No te enredes analizando relaciones! Aplica análisis de Grafos
Juan Carlos Olarte Buitrago & Javier Rengifo
¿chatGPT nos robará la magia de la programación?
▶
¿chatGPT nos robará la magia de la programación?
Jose Piquer
¿Cuánto es 1 dividido 0?
▶
¿Cuánto es 1 dividido 0?
Ezequiel Borenstein
¿Cómo podemos aprovechar los datos que genera el metaverso?
▶
¿Cómo podemos aprovechar los datos que genera el metaverso?
Juan Pablo Chemes
¿Nos enfrentamos a soluciones complejas o complejizamos soluciones?
▶
¿Nos enfrentamos a soluciones complejas o complejizamos soluciones?
Marcos López & Leandro Valenti
¿Para que ser bayesiano si soy frecuentista?
▶
¿Para que ser bayesiano si soy frecuentista?
Federico Scenna
¿Puede un elefante convertirse en un galgo?
▶
¿Puede un elefante convertirse en un galgo?
Diego Salama
🎬 Lo que Netflix No Te Cuenta: Cómo Transmiten en Vivo con AWS MediaLive y MediaPackage
▶
🎬 Lo que Netflix No Te Cuenta: Cómo Transmiten en Vivo con AWS MediaLive y MediaPackage
Luis Valdivia Humareda