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