Syntax - Tasty Web Development Treats Supper Club × Bramus Van Damme on CSS
May 26, 2023
Bramus Van Damme, a Developer Relations Engineer at Google, shares his expertise on advancing CSS and the role of the CSS Working Group. He dives into scroll-driven animations, explaining how they enhance user experiences on the web. Bramus discusses the significance of blogging in his journey and how it became an educational tool for developers. He also explores the potential of the view transition API and custom property types, emphasizing the need for community input in shaping the future of web standards.
AI Snips
Chapters
Transcript
Episode notes
Blog to Google
- Bramus's blog, over 20 years old, landed him a job at Google after he wrote about scroll-linked animations.
- The posts, inspired by a tweet from now-colleague Adam Argyle, caught Google's attention.
Scroll-Driven Animations
- Scroll-driven animations allow linking animation progress to scroll position, enhancing user experience.
- This CSS feature, running off the main thread, ensures smooth animations even with simultaneous JavaScript execution.
Scroll-Driven Demos
- Bramus created a website showcasing scroll-driven animation examples, including a reading progress indicator and a horizontal carousel.
- A standout demo is a pure CSS recreation of the cover flow effect, demonstrating the power of this CSS feature.