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 → <a href= "https://goo.gle/4aHY7zo">https://goo.gle/4aHY7zo</a>  Quick intro to View Transitions (Google I/O 2023 video) → <a href= "https://goo.gle/3ZieRLp">https://goo.gle/3ZieRLp</a>  What's new in View Transitions? (Google I/O 2024 video) → <a href= "https://goo.gle/3zeYNj3">https://goo.gle/3zeYNj3</a>  Misconceptions about View Transitions → <a href= "https://goo.gle/3Tpsu7O">https://goo.gle/3Tpsu7O</a>  Bramus's Demos: Collection of various demos, both SPA and MPA → <a href= "https://goo.gle/3B4edY8">https://goo.gle/3B4edY8</a>  Accordion → <a href= "https://goo.gle/3B4egDi">https://goo.gle/3B4egDi</a>    Adam's Demos: Grid gallery → <a href= "https://goo.gle/4giz0XV">https://goo.gle/4giz0XV</a>  Always great grid → <a href= "https://goo.gle/3MH68Lu">https://goo.gle/3MH68Lu</a>  Flexbox visualizer → <a href= "https://goo.gle/47kmJOB">https://goo.gle/47kmJOB</a>  Editable tabs → <a href= "https://goo.gle/4ghNfMx">https://goo.gle/4ghNfMx</a>  Dollar number input → <a href= "https://goo.gle/4e0FsBf">https://goo.gle/4e0FsBf</a>  Stateful morphing button → <a href= "https://goo.gle/4ebBNR2">https://goo.gle/4ebBNR2</a>  Drag and Drop → <a href= "https://goo.gle/3XlP2Yn">https://goo.gle/3XlP2Yn</a>  Isotope recreation → <a href= "https://goo.gle/4dVX5lN">https://goo.gle/4dVX5lN</a>  Local development animated → <a href= "https://goo.gle/3XHjm17">https://goo.gle/3XHjm17</a>    Una Kravets (co-host) <a href="https://twitter.com/Una">Twitter</a> → <a href= "https://goo.gle/452aBRb">https://goo.gle/452aBRb</a> <a href= "https://www.youtube.com/channel/UCJnidRIv3o1hf_YBWjKFljg">YouTube</a> → <a href= "https://goo.gle/457oMnS">https://goo.gle/457oMnS</a> Making the web more colorful ✨🎨  Web DevRel <a href= "https://twitter.com/googlechrome">@googlechrome</a> Unicorn face Host of Tools Today → <a href= "https://goo.gle/4aI6JpC">https://goo.gle/4aI6JpC</a> & <a href="https://www.youtube.com/redirect?q=https%3A%2F%2Fgoo.gle%2F2NeLxjI&redir_token=AscWoOrD6kypj4tT8So-xP1HNPN8MTU4MjgzODAwM0AxNTgyNzUxNjAz&event=video_description&v=Irp6R69pZGA"> Designing in the Browser</a> 🎬  → <a href= "https://goo.gle/4e4YTcM">https://goo.gle/4e4YTcM</a>    Adam Argyle (co-host) <a href="https://twitter.com/argyleink">Twitter</a> → <a href= "https://goo.gle/3yFnHYu">https://goo.gle/3yFnHYu</a> <a href="https://www.instagram.com/argyleink/">Instagram</a> → <a href="https://goo.gle/3wUb6QJ">https://goo.gle/3wUb6QJ</a> <a href="https://a.nerdy.dev/youtube">YouTube</a> → <a href= "https://goo.gle/4dZNKK7">https://goo.gle/4dZNKK7</a> <a href="https://twitter.com/GoogleChrome">@GoogleChrome</a> CSS DevRel; <a href="https://twitter.com/CSSWG">@CSSWG</a>; <a href= "https://a.nerdy.dev/gimme-visbug">VisBug</a> maker; punk; CSS/JS/UX addict; 💀🤘 CSSWG → <a href= "https://goo.gle/4bFErxq">https://goo.gle/4bFErxq</a> VisBug → <a href= "https://goo.gle/4bDcVQZ">https://goo.gle/4bDcVQZ</a>     The CSS Podcast  #CSSpodcast

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

089: View transitions

The CSS Podcast

AI Chapters

AI Insights

Reviews