Scrollytelling con ScrollTrigger y GSAP paso a paso
āļāļąāļ
- āđāļāļĒāđāļāļĢāđāđāļĄāļ·āđāļ 12 āļ.āļĒ. 2024
- ð 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.
ð ÂĄEn Garaje seguimos creciendo! Ãnete al equipo: bit.ly/talento-tech-GDI
Yo me he perdido cuando has dicho Scrollytelling ð, excelente garcias por todo ð
Muchas gracias! Interesante contenido!
âš
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.
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 :(
ðĪŊ
ðĪĐ
Triggear ... me lo apunto.
Ese y Gradiente son mis favoritos XD
Carmen me gustarÃa aprender Cssðð
ÂĄÂĄHola!! ÂŋTienes alguna base sobre CSS o partes de 0?
â@@CarmenAnsio Tengo una base, pero me gustaria poder crear aplicaciones web mÃĄs atractivas y con css mas optimizado. tienes cursos en alguna plataforma?
@@Alberto_APC91 Voy a liderar un bootcamp sobre CSS en cÃģdigo facilito ð