10 Nifty Browser APIs

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 atprismic.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 atlogrocket.com/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks atfreshbooks.com/syntax

Show Notes

• 00:13Welcome
• 01:05Dishwasher talk
• 04:30getUserMedia
• Hair.WesBos.com
• Javascript 30
• 07:22FileSystem
• Level Up Tutorials: Browser APIs
• Electron
• 12:50Geolocation
• 15:07Sponsor: Prismic
• 16:41Permissions
• 22:36Web Animations
• Web Animations API
• Framer Motion
• Motion One
• 26:31Resize Observer
• Resize Observer API
• 29:33Sponsor: LogRocket
• 30:45Clipboard
• Clipboard API
• 34:10Web storage
• Web storage
• 37:11Sponsor: Freshbooks
• 38:09SpeechSynthesis
• 41:32SpeechRecognition
• 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@SyntaxFMin your tweets