In this Hasty Treat, Scott and Wes conclude a three-part series about old browsers, fallbacks and polyfills. In part three, they talk specifically about transpiling and polyfilling.
VueSchool.io — Sponsor Check out VueSchool.io’s new subscription plans. Get access to their entire catalog with more than 160 lessons, including The Vue.js Masterclass, for one low monthly fee. New content and courses are added regularly. Visit VueSchool.io/syntax and get your first month for only $5.
Show Notes 2:20 - Polyfills and Transpile
5:18 - Back in the day
Border-radius htc hack
PNG fix for transparent PNGs
Flash for custom fonts
Cufon and SIFR
10:48 - JavaScript Polyfills
Features are polyfilled
MDN Polyfill
Core-js
Polyfill.io
HTML5 Cross Browser Polyfills
13:47 - JavaScript Transpile
Syntax is transpiled
babel-preset-env
Babel has plugins and presets
Meteor bundle to different browsers on demand
There are polyfills for most things, but performance can be an issue Resize observer
Intersection Observer
Some things can’t be done with either New browser APIs
Service workers, device access, inline video on old iOS, etc.
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