Skip to main content
Nerd logo

Promovemos el aprendizaje y la colaboración entre la comunidad tecnológica y científica

Desde 2014, organizamos un evento de clase mundial con entrada 100% gratuita.

Cómo crear experiencias web memorables: el código detrás del diseño que impacta

15/11 12:50HS @ Escenario Rojo TRACK DEVELOPMENT

Cómo crear experiencias web memorables: el código detrás del diseño que impacta

Speaker: Mariana Beldi

¿Te preguntaste alguna vez cómo se hacen esos sitios que atrapan desde el primer scroll, con efectos visuales, ritmo y animaciones? En esta charla vamos a descifrar el diseño que impacta, usando HTML, CSS, SVG y un poco de JavaScript. Vamos a repasar los ingredientes necesarios para el diseño visual (concepto, storytelling, tipografía, color) y luego crear efectos como parallax, animaciones con scroll, máscaras animadas, paths SVG y otros recursos visuales con código nativo. Una vez exploradas las posibilidades que ofrecen los lenguajes del navegador, vamos a revisar herramientas como GSAP y sus plugins, que nos permiten agregar sincronización, control y dinamismo de forma accesible. El resultado: una colección de ejemplos de código abierto para que puedas empezar a crear experiencias web que se sientan distintas, vivas y memorables, incluso sin frameworks. Esta charla está pensada para diseñadores que codean y para desarrolladores que quieren hacer sitios más expresivos. Ideal si querés dar el salto del sitio funcional a la experiencia visual que genera impacto.

#development

#css

#html

#animation

#css-animations

#scroll-animations

#ui

#webdev

#gsap

#js

#svg

#web-animations

#web-dev

#front-end

#web-design

caution
Ver toda la agenda
¡Registrate gratis!