799: Hot New and Under-Utilized Browser APIs

Syntax - Tasty Web Development Treats

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