meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

799: Hot New and Under-Utilized Browser APIs

Syntax - Tasty Web Development Treats

Wes Bos

Js, Technology, Css, Html5, Tech News, Webdevelopment, News, Javascript, Html

4.91.1K Ratings

🗓️ 24 July 2024

⏱️ 59 minutes

🧾️ Download transcript

Summary

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

Sick Picks

Shameless Plugs

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

Transcript

Click on a timestamp to play from that location

0:00.0

Welcome to Syntax today. We got a show for you on hot new and underutilized a browser

0:05.6

API. This has been one that we've been sort of keeping a list of what's new in CSS,

0:12.3

JavaScript, whatnot, and then Scott went to Amsterdam a couple weeks ago and did a awesome talk with tons of really cool demos on on starting allow discrete scroll snap calc size

0:25.9

pop-over dialogue view transitions all kinds of really neat stuff and when I talk to

0:31.6

people about this type of stuff often a lot of people say I had no idea that was a thing it feels like I think everything we're talking about today is just CSS right?

0:40.0

Yeah well CSS and there is JavaScript involved and HTML.

0:44.0

Yeah, you're right.

0:45.0

It's the full gamut here, yeah.

0:48.0

All right, well, I'm pretty excited about it.

0:50.0

It's got some really cool demos, so tune in on YouTube or Spotify if you want to see the demos but

0:55.3

otherwise the audio will do just fine. My name is Wes developer from Canada. How you doing

1:00.5

today Scott? Hey I'm doing super good if you are utilizing any

1:05.3

new APIs that you haven't used before potentially with JavaScript you want to

1:09.7

make sure that you have your error exception handling and tracking service onto the fullest extent

1:15.1

so that way when you inevitably mess something up with one of these APIs or perhaps you're using

1:19.5

an API that isn't supported in a browser, it's throwing an error for somebody, you can be on top of it.

1:25.2

And to do that, you'll want to use a service like the incredible Century.

1:29.2

SCNTRY.io forward slash syntax sign up in get two months for free and this show is presented by Century.

1:37.0

Yeah, actually, hold on, I'm not done the ad read yet. Century is a really good example of these

1:45.6

APIs because we're going to talk about the modal right and there's a method called

1:49.2

dot show modal and if that method is not in a browser you're going to get something near

1:54.1

century that says hey that show modal is not a you cannot call this method on

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2025.