Exploring Creative Uses of 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 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