About this episode
Scott and Wes serve up the latest and most under-utilized browser APIs that are changing the game for web development. From the @starting-style CSS API to scroll-snap and popovers, they break down how these tools can elevate your projects with minimal effort. Show Notes 00:00 Welcome to Syntax! Install Nothing: App UIs With Native Browser APIs – Scott Tolinski . Tolin.ski Demos . 01:03 Brought to you by Sentry.io . 02:15 When to use these tools. 03:45 @starting-style CSS API. 08:23 Transition behavior allow-discrete. Dialog CSS . 11:56 calc-size(auto). 16:19 scroll-snap. Swiper Indicators . Slide Show . Scroll To Options Snap-Additions . Adam Argyle Tweet . 22:05 View Transitions. Cross-document view transitions for multi-page applications 33:28 Popover API. Tolin.ski Demos Popover Basic . Tolin.ski Demos Popover Action . Tolin.ski Demos Popover Anchor . Tolin.ski Demos Popover Compat Tolin.ski Demos Popover Mobile-Nav . 41:15 Dialog. Tolin.ski Demos Drawer CSS . 48:12 Details. Tolin.ski Cool-Treats Accordion . 53:26 Sick Picks & Shameless Plugs. Sick Picks Scott: Emerge Tools . Wes: Apple TV+ Hacks . Shameless Plugs Scott: Local First from Scratch . Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads