799

July 24th, 2024 × #animation#ui#browser

Hot New and Under-Utilized Browser APIs

Scott discusses new and underutilized browser APIs for building interfaces including starting style, allow discrete, calc size, scroll snap, view transitions, popover, dialog and more.

Wes Bos — Wes Bos Host

Scott Tolinski — Scott Tolinski Host

Show Notes Transcript

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