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

10 Nifty Browser APIs

Syntax - Tasty Web Development Treats

10 Nifty Browser APIs