799: Hot New and Under-Utilized Browser APIs

Syntax - Tasty Web Development Treats

Jul 24, 2024•59 min

--:--

Listen in podcast apps:

Apple Podcasts

Spotify

Download

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.
22:05 View Transitions.
- Cross-document view transitions for multi-page applications
33:28 Popover API.
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