Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Old Browsers, Fallbacks and Polyfills - Part 3

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p>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.</p> <h2><a id="VueSchoolio__Sponsor_9" name= "VueSchoolio__Sponsor_9"></a><a href= "http://vueschool.io/">VueSchool.io</a> — Sponsor</h2> <p>Check out <a href= "https://vueschool.io/">VueSchool.io’s</a> 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 <a href= "https://vueschool.io/syntax">VueSchool.io/syntax</a> and get your first month for only $5.</p> <h2><a id="Show_Notes_13" name="Show_Notes_13"></a>Show Notes</h2> <p>2:20 - Polyfills and Transpile</p> <p>5:18 - Back in the day</p> <ul> <li>Border-radius htc hack</li> <li>PNG fix for transparent PNGs</li> <li>Flash for custom fonts</li> <li>Cufon and SIFR</li> </ul> <p>10:48 - JavaScript Polyfills</p> <ul> <li>Features are polyfilled</li> <li><a href="https://developer.mozilla.org/">MDN Polyfill</a></li> <li><a href= "https://www.npmjs.com/package/core-js">Core-js</a></li> <li><a href="https://polyfill.io/">Polyfill.io</a></li> <li><a href= "https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills"> HTML5 Cross Browser Polyfills</a></li> </ul> <p>13:47 - JavaScript Transpile</p> <ul> <li>Syntax is transpiled</li> <li>babel-preset-env</li> <li>Babel has plugins and presets</li> <li>Meteor bundle to different browsers on demand</li> <li>There are polyfills for most things, but performance can be an issue <ul> <li>Resize observer</li> <li>Intersection Observer</li> </ul> </li> <li>Some things can’t be done with either <ul> <li>New browser APIs</li> <li>Service workers, device access, inline video on old iOS, etc.</li> </ul> </li> </ul> <h2><a id="Tweet_us_your_tasty_treats_45" name= "Tweet_us_your_tasty_treats_45"></a>Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

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

Aplikace Youradio Talk

Hasty Treat - Old Browsers, Fallbacks and Polyfills - Part 3

Poslechněte si podcast