Scrollytelling con ScrollTrigger y GSAP paso a paso

👉 Conoce nuestras vacantes actuales de tecnología en bit.ly/talento...
En este vídeo te introducimos al scrollytelling con SVG
Aquí tienes el enlace del código:
Landing page en codepen: codepen.io/car...
Proyecto en codesandbox: codesandbox.io...
Landing page: 2z9nyr.csb.app/
Figma file: www.figma.com/...
Este vídeos fue impartido por Carmen Ansio - UX Engineer. Le puedes encontrar en su perfil de LinkedIn:
/ carmenansio
Y en twitter: / carmenansio
Si quieres estar al tanto de todo lo que hacemos, puedes inscribirte aquí 👇
garajedeideas....
----------
Garaje de Ideas es un estudio de Diseño, Tecnología y Data. En este canal encontrarás tutoriales, cursos y ejemplos prácticos paso a paso de desarrollo web y programación.
Podrás encontrar desde cursos de JavaScript, Node.js, D3.js, Vue3, Typescript, HTML, CSS, React... hasta cómo optimizar tu proceso de trabajo.

[@Garajedeideas]

👉 ¡En Garaje seguimos creciendo! Únete al equipo: bit.ly/talento-tech-GDI

[@scorpiondev]

Muchas gracias! Interesante contenido!

[@CarmenAnsio]

☺

[@a.sestarlich9859]

Yo me he perdido cuando has dicho Scrollytelling 😂, excelente garcias por todo 😊

[@TICdoc_]

Lo que comentas de no borrar nodos de la línea, diría que es porque las curvas bezier emplean cuatro puntos para su definición (hay otros tipos de curvas bezier que emplean más o menos puntos, según se definan a partir de un punto previo, o tengan otra representación). Si eliminas puntos, es posible que el programa de diseño no reconstruya bien la definición de la curva bezier y se líe en cuanto a las posiciones.

[@CarmenAnsio]

Exacto! Es justamente lo que sucede, cuando intenta reconstruir el path Figma no es capaz de redefinir los nodos y la información que guarda en las coordenadas del SVG es incorrecta, con lo que al hacer el pintado con Greensock el resultado no es el esperado :(

[@dinael]

🤯

[@CarmenAnsio]

🤩

[@TICdoc_]

Triggear ... me lo apunto.

[@CarmenAnsio]

Ese y Gradiente son mis favoritos XD

[@Alberto_APC91]

Carmen me gustaría aprender Css🙏🙏

[@CarmenAnsio]

¡¡Hola!! ¿Tienes alguna base sobre CSS o partes de 0?

[@Alberto_APC91]

​@@CarmenAnsio Tengo una base, pero me gustaria poder crear aplicaciones web más atractivas y con css mas optimizado. tienes cursos en alguna plataforma?

[@CarmenAnsio]

@@Alberto_APC91 Voy a liderar un bootcamp sobre CSS en código facilito 😊