meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

10 Nifty Browser APIs

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 11 May 2022

⏱️ 61 minutes

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk about 10 browser API’s you might not be familiar with including getUserMedia, Resize Observer, SpeechRecognition, and more! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax Show Notes 00:13 Welcome 01:05 Dishwasher talk 04:30 getUserMedia Hair.WesBos.com Javascript 30 07:22 FileSystem Level Up Tutorials: Browser APIs Electron 12:50 Geolocation 15:07 Sponsor: Prismic 16:41 Permissions 22:36 Web Animations Web Animations API Framer Motion Motion One 26:31 Resize Observer Resize Observer API 29:33 Sponsor: LogRocket 30:45 Clipboard Clipboard API 34:10 Web storage Web storage 37:11 Sponsor: Freshbooks 38:09 SpeechSynthesis 41:32 SpeechRecognition 46:14 ××× SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: RCA to HDMI adapter Wes: SlimLED Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0

Let's get ready to syntax.

0:03.3

You're listening to syntax, the podcast with the tastiest web development treats out there.

0:09.1

Strap yourself in and get ready.

0:11.0

Here is Scott Zelensky and West Boss.

0:13.7

This is the podcast with the tastiest web development treats out there.

0:17.9

Today we've got a show for you on browser APIs.

0:22.5

I would probably call these vanilla JavaScript or web APIs,

0:27.7

things that you can do in the browsers that are neat and what you would use them for.

0:32.8

Or maybe you should call it nifty.

0:35.0

That's a word we use.

0:36.2

10 nifty browser APIs that we're going to go through today.

0:39.5

We are sponsored by three awesome companies today.

0:41.6

Prismek, the headless CMS with the GraphQL and Rest API,

0:46.4

Log Rocket, JavaScript Session Replay, and FreshBooks Cloud Accounting.

0:50.1

We'll talk about all of those awesome companies partway through the episode.

0:53.6

My name is West Boss.

0:55.7

A developer from Canada.

0:57.5

And with me, as always, is Mr. Scott Zelensky.

0:59.9

How are you doing today, Scott?

1:01.2

Oh, I'm doing good.

1:03.7

Feeling fine here, man.

1:05.0

We got a dishwasher.

...

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 2026.