Session

Mastering CSS Animation Timing: A Deep Dive into Easing Functions and Delays

Ready to make your websites dance? Let's crack open the CSS animation toolbox and tinker with easing functions and delays. We'll demystify cubic-bezier() and orchestrate element symphonies, giving your interfaces that irresistible groove. Whether you're a timing novice or a seasoned pro, get ready to fine-tune your front-end skills and compose web experiences that truly move.

This talk is designed to be highly interactive and engaging. I plan to include live coding demonstrations to showcase real-time animation adjustments, helping attendees grasp the concepts more effectively.

The content is scalable and can be adjusted to fit various time slots between 20-45 minutes. For longer sessions, I can include more advanced techniques and audience participation.

I'm happy to provide code samples and resources for attendees to reference after the talk, encouraging continued learning and experimentation.

While the talk focuses on CSS, I can also touch on how these animation principles apply to JavaScript-based animations, broadening the appeal to a wider range of front-end developers.

I'm open to adapting the content to best fit your conference theme or any specific areas of focus you may have for your event.

Lastly, I'm passionate about accessibility and can include tips on creating animations that are inclusive and respect user preferences for reduced motion.

Jorrik Klijnsma

Senior Front-end Engineer @ Sopra Steria | AI Enthusiast

Veenendaal, The Netherlands

Actions

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top