Layout web con CSS Grid, Flexbox y otras técnicas modernas

Animaciones sincronizadas con scroll

Un curso de Javier Usobiaga Ferrer , Diseñador web

Diseñador web. Barcelona, España.
Se unió en abril de 2015
99% valoraciones positivas (298)
9.022 estudiantes
Audio: Español, Inglés, Francés, Italiano, Portugués, Türkçe
Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe

Sobre la videolección: Animaciones sincronizadas con scroll

Resumen

“Un recurso muy interesante en el diseño web es sincronizar animaciones con el scroll, y en este caso vamos a estudiar una librería de JavaScript que nos permite hacerlo de manera sencilla, apoyándonos en variables de CSS. ”

En esta videolección, Javier Usobiaga Ferrer aborda el tema: Animaciones sincronizadas con scroll, que forma parte del curso online de Domestika: Layout web con CSS Grid, Flexbox y otras técnicas modernas. Descubre las nuevas retículas y otras formas de diseñar una web con CSS Shapes, variables y efectos parallax.

Transcripción parcial del vídeo

“En esta lección vamos a sincronizar las animaciones de nuestra página con el scroll. usando para ello una librería de javascript, y apoyándonos en las variables de CSS. En esta ocasión vamos a utilizar la librería Basic Scroll. que es muy interesante porque sincroniza el scroll con variables de CSS. Entonces, como podemos ver en este ejemplo, A medida que scrolleas van ocurriendo determinadas animaciones o efectos podemos introducir de manera muy sencilla en nuestra página. Si vamos a la página de GitHub y descargamos el zip podremos utilizar la librería. La documentación explica que hay mu...”

Generamos automáticamente esta transcripción y puede haber erratas.


Resumen del curso: Layout web con CSS Grid, Flexbox y otras técnicas modernas

  • Nivel: Avanzado
  • 99% valoraciones positivas (298)
  • 9022 estudiantes
  • 6 unidades didácticas
  • 25 lecciones (2h 16m)
  • 14 recursos adicionales
  • Categoría

    Diseño, Diseño Web y App
  • Áreas

    CSS, Desarrollo Web, Diseño de producto digital, Diseño Web, HTML, Programación

Javier Usobiaga Ferrer

Javier Usobiaga Ferrer
Un curso de Javier Usobiaga Ferrer

Profesor Plus
Diseñador web

Javier Usobiaga es diseñador web y desarrollador FrontEnd, desde hace más de 10 años y cofundador junto a Marta Armada del estudio Swwweet, especializado en diseñar webs responsive desde la concepción inicial hasta el desarrollo front-end.

También disfruta mucho en su faceta como profesor de Diseño Web en workshops y escuelas de renombre como Elisava, IDEP.

Usobiaga entiende la web en su globalidad, no solo lo bonita que puede quedar en la pantalla del ordenador, sino su usabilidad en diferentes dispositivos y circunstancias.

En sus palabras “creo que tan importante como lo estética es lo rápido que cargue o lo bien que responda, y me parece que en nuestra industria nos olvidamos a menudo de eso”.


  • 99% valoraciones positivas (298)
  • 9.022 estudiantes
  • 25 lecciones (2h 16m)
  • 16 recursos adicionales (14 archivos)
  • Online y a tu ritmo
  • Disponible en la app
  • Audio: Español, Inglés, Francés, Italiano, Portugués, Türkçe
  • Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés · Türkçe
  • Nivel: Avanzado
  • Acceso ilimitado para siempre

Áreas

Layout web con CSS Grid, Flexbox y otras técnicas modernas. Un curso de Diseño, Diseño Web y App de Javier Usobiaga Ferrer

Layout web con CSS Grid, Flexbox y otras técnicas modernas

Un curso de Javier Usobiaga Ferrer
Diseñador web. Barcelona, España.
Se unió en abril de 2015
  • 99% valoraciones positivas (298)
  • 9.022 estudiantes