logo
episode-header-image
Dec 2019
53m 44s

State Machines, CSS and Animations with ...

Wes Bos & Scott Tolinski - Full Stack Javascript Web Developers
About this episode

In this episode of Syntax, Scott and Wes talk with David K Piano about state machines, CSS, animations and more!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Show Notes

2:30 - Who is David K Piano?

4:00 - Did you have a background in animation prior to web development?

5:45 - How did you build the CSS Responsive House on Codepen?

8:36 - What are state machines?

14:47 - How does it relate to programming?

17:20 - How do you go about changing states?

20:20 - Is this similar to how RxJS works?

21:40 - How would state machine work in CSS?

29:07 - Perspective in CSS

34:47 - How do you like Twitch vs YouTube?

35:48 - How do you add XState to a current project?

41:42 - Visualizing sate machines

46:15 - Do you have a day job as well?

Links

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats!

Up next
Oct 8
944: Is Coinbase Really Writing Half Their Code With AI?
Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI—while keeping quality and security front and center. They dig into tools like Cursor and Claude Code, agent-driven workflows, code review challenges, and how AI is reshaping developer p ... Show More
49m 6s
Oct 6
943: Modern React with Ricky Hanlon (React Core Dev)
Scott and Wes sit down with Ricky Hanlon from the React core team at Facebook to dive into the latest features and APIs shaping modern React development. From transitions and Suspense to fetching strategies and future directions, this episode breaks down what’s next for React and ... Show More
38m 36s
Oct 1
942: Mental Health Q&A w/ Dr. Courtney Tolinski
Wes and Scott talk with Dr. Courtney Tolinski about supporting neurodivergent teammates, navigating workplace dynamics, and recognizing strengths beyond labels. They explore ADHD diagnosis and treatment, productivity mindsets, burnout, AI in mental health, and practical routines ... Show More
57m 44s
Recommended Episodes
Feb 2023
Frontend Feud: CSS Podcast vs @keyframers (JS Party #264)
Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers David & Shaw from the keyframers. Let’s get it on! Leave us a comment Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today! Sponsors: Sentry – Sessio ... Show More
51m 10s
Feb 2023
Frontend Feud: CSS Podcast vs @keyframers
Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers David & Shaw from the keyframers. Let’s get it on! Leave us a comment Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today! Sponsors: Sentry – Sessio ... Show More
51m 10s
Nov 2023
What's new in CSS land
Una Kravets, developer advocate at Google & web platform ambassador, joins Amal & Nick to take them CSS to school as they start this podcast in CSS kindergarten and end it with a Level-Up CSS Diploma. (LUCD?) We explore all the amazing features which have recently landed in CSS — ... Show More
1h 14m
Jan 2024
How to build a role-playing video game in 24 hours
Now you know: The human body can serve as a resonance chamber for remote car keys, effectively extending their range.A hackathon team used GenAI can create a fully playable D&D-style game in just one day.Skybox AI from Blockade Labs allows users to generate 360° skybox experience ... Show More
14m 14s
Feb 2024
[313] Train-Themed Idioms: A Train of Thought | Off The Rails and More
In this episode, we're delving into more train-related idioms that native English speakers love to use. Whether you're at work, chilling with friends, or just hanging out, these expressions add some fun flair to your conversations. Join me as we break down phrases like "a train o ... Show More
13m 4s
Apr 2023
Razer's Concepts and Vaporware
Razer makes pretty much everything, but this episode is about some of the concepts, prototypes and (arguably) vaporware the company has teased that never became a commercial product. From modular computers to futuristic gaming chairs, we look at some crazy concept hardware that y ... Show More
44m 12s
Dec 2023
Leveling up technology
Join hosts Walt Cooley and Matti McBride as they dive into Cooley’s recent presentation “Level-Up” given at the Amelicor Herd and Feed Management Conference in this episode of the Progressive Dairy Podcast. Learn how to level up technology on your operation, champion an employee ... Show More
32m 25s
Jan 2024
106: Building Blocks of Civilization: How the World Really Works
“Modern economies will always be tied to massive material flows, whether those of ammonia-based fertilizers to feed the still-growing global population; plastics, steel, and cement needed for new tools, machines, structures, and infrastructures; or new inputs required to produce ... Show More
1h 18m
Feb 2024
Scalar Fields | Energy Healing | Spooky2 Device | Interview with Bradley Johnson
In this episode I was able to pick the brain of a Holistic Frequency Practitioner with 16 years of wireless engineering experience. Bradley Johnson is a wealth of information when it comes to energy healing devices, and I find the topic to be fascinating. I have been using freque ... Show More
58m 8s