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

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 22 October 2018

⏱️ 23 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes continue a three-part series about old browsers, fallbacks and polyfills. In part two, they talk specifically about CSS Grid, Flexbox, new features and fallbacks, and how to use them. 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 3:08 - CSS Grid and Flexbox Flexbox old spec Flexbox new spec CSS Grid Some popular options for supporting for supporting CSS Grid and/or Flexbox: Just serve the mobile layout Display block Separate layout that you will eventually delete Can I Use Do websites need to look exactly the same in every browser? Modernizr CSS3, Please! Autoprefixer 12:38 - CSS Variables Double define Just like Grid, unknown def will be ignored and fallback to CSS CSS Houdini 17:00 - Fallback Code @supports Display block then display grid Feature Testing Detect the browser as a last resort 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

Transcript

Click on a timestamp to play from that location

0:00.0	Monday, Monday, Monday,
0:02.0	Open wide Dev fans.
0:04.0	Get ready to stuff your face
0:06.0	with JavaScript, CSS, node modules, barbecue tips,
0:09.0	get workflows,
0:10.0	break dancing, soft skills, web development,
0:12.0	the hastiest, the craziest, the craziest development the hastiest the craziest the tastiest web development treats coming in hot here is
0:18.1	Wes Barracuda bars and Scott El Toro Loco Tolinsky.
0:25.0	Welcome to Syntax.
0:28.0	It's that time again for another Monday hasty treat.
0:32.0	That's the Syntax episode where we like to take things maybe a little bit
0:36.0	smaller chunks and talk about them for anywhere from you know 22 to maybe like 26.5 minutes or something like that,
0:43.0	but we take these small topics and we break them down.
0:46.2	And in this episode, we're going to be continuing the,
0:49.0	what we did in the part one of last week,
0:51.2	which was talking all about old browsers polyfills and fallbacks and
0:55.4	that stuff we're going to continue that talk and we're going to be talking a little bit
0:58.1	more about CSS features because CSS has evolved in all sorts of ways that we all know have made our lives so much easier,
1:04.8	but not all of these ways have great fallbacks.
1:07.6	Not all of them just have a one-liner that you can just drop in and have your code working.
1:11.6	So we're going to be talking about various CSS grid,
1:14.4	flexbox, other new features, fallbacks, old browser support,
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.