799: Hot New and Under-Utilized Browser APIs
Jul 24, 2024•59 min
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
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
For the best experience, listen in Metacast app for iOS or Android
Open in Metacast