089: View transitions


In this episode Una and Adam bring on an esteemed guest Bramus, who brings us deep knowledge on View Transitions. These are easy to get started with but difficult to master, but not with Bramus here to teach us. He’ll be covering introductory to advanced API features and a big bag of examples and demos.

Resources:
Developer Documentation → https://goo.gle/4aHY7zo
Quick intro to View Transitions (Google I/O 2023 video) → https://goo.gle/3ZieRLp
What’s new in View Transitions? (Google I/O 2024 video) → https://goo.gle/3zeYNj3
Misconceptions about View Transitions → https://goo.gle/3Tpsu7O

Bramus’s Demos:
Collection of various demos, both SPA and MPA → https://goo.gle/3B4edY8
Accordion → https://goo.gle/3B4egDi

Adam’s Demos:
Grid gallery → https://goo.gle/4giz0XV
Always great grid → https://goo.gle/3MH68Lu
Flexbox visualizer → https://goo.gle/47kmJOB
Editable tabs → https://goo.gle/4ghNfMx
Dollar number input → https://goo.gle/4e0FsBf
Stateful morphing button → https://goo.gle/4ebBNR2
Drag and Drop → https://goo.gle/3XlP2Yn
Isotope recreation → https://goo.gle/4dVX5lN
Local development animated → https://goo.gle/3XHjm17

Una Kravets (co-host)
Twitter → https://goo.gle/452aBRb
YouTube → https://goo.gle/457oMnS
Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face Host of Tools Today → https://goo.gle/4aI6JpC &
Designing in the Browser 🎬 → https://goo.gle/4e4YTcM

Adam Argyle (co-host)
Twitter → https://goo.gle/3yFnHYu
Instagram → https://goo.gle/3wUb6QJ
YouTube → https://goo.gle/4dZNKK7
@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
CSSWG → https://goo.gle/4bFErxq
VisBug → https://goo.gle/4bDcVQZ

The CSS Podcast
#CSSpodcast

Watch more The CSS Podcast → https://goo.gle/CSSpodcast
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#CSSPodcast #ChromeForDevelopers #Chrome

Speaker: Una Kravets, Adam Argyle, Bramus Van Damme