Elevating user experiences with vanilla JavaScript

Modern web experiences don’t always require decoupled architectures, complex frameworks or external libraries like React. In this session, we’ll show, using real-world examples, how vanilla JavaScript can bring rich and interactive storytelling to your current website without sacrificing performance or editorial workflow.

The tools and techniques we’ll cover can be used to build feature-rich interfaces like:

• Parallax slideshows for immersive storytelling
• Interactive grids that open content in overlays
• Scroll-driven animations for storytelling
• Sticky/scroll-follow elements like headers, menus or sidebars that stick while scrolling
• Transitions and animations to provide an app-like experience in a regular website

We’ll share not only our approach and lessons learned but also practical ideas for other uses of vanilla JavaScript to enhance user experience while keeping sites maintainable and performant.

Presenters

Andrés Díaz Soto — Four Kitchens

Mari Núñez — Four Kitchens