Syntax - Tasty Web Development Treats State Machines, CSS and Animations with David K Piano
Dec 18, 2019
David K Piano, a web developer known for his expertise in CSS animations and state machines, discusses the fascinating intersection of these topics. He explains state machines and how they streamline programming, likening them to traffic lights for clarity. David also shares his approach to adding animations in CSS and the role of perspective in design. Additionally, he contrasts live streaming on Twitch versus YouTube, and highlights tools like XState for visualizing state transitions, making complex coding logic easier to manage.
AI Snips
Chapters
Transcript
Episode notes
Animation Background
- David K. Piano's background in animation is limited to some Flash work.
- His focus on animation in web development stems from initially being less proficient in JavaScript.
First Meeting
- David and Wes initially met at a CSS dev conference in New Orleans approximately six years prior.
- David's conference talk on flip animations inspired Wes to implement the technique.
States and Transitions
- Consider states and transitions like in animation when designing applications.
- Animations are essentially tweens between defined states, a concept applicable to broader application logic.