Hasty Treat - CSS Units

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 7 January 2019

⏱️ 24 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about CSS units (e.g. rems vs ems, px, ch, vmax), when and why you want to be using them, tips and tricks, and more! 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 replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax. Show Notes 2:32 Typography with CSS units 12:04 Pixels 15:17 Viewport units 15:51 ch units 16:35 inch/cm for print 17:19 Percentages 18:10 Media queries 19:41 Flexbox (flex-grow) 20:28 CSS Grid: flexible units: 1fr 2fr Links Sentry 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 Torloco, Tolinsky.
0:25.0	Welcome to Syntax in this Monday, hasty treat.
0:30.0	We're going to be talking about CSS units, and we're going to be talking a lot about different units in CSS
0:36.0	Most of which you've probably heard of but we're going to be talking a little bit about when and why you might want to be using some of these things
0:42.1	Upsides downsides tips and tricks, all
0:45.0	sorts of stuff.
0:46.3	And it's going to be a lot of fun because CSS units is really one of the most used things
0:50.8	in styling your website if you think about it, because how many times do you use anything without a unit?
0:56.2	So these units are going to be very important to how your CSS scales and how it works overall and
1:02.2	it's going to be really really fun. Now my name
1:04.6	is Scott Tolinsky and with me is always is West Boss. How you doing?
1:08.8	Doing well, doing well.
1:10.8	Nice. This episode is sponsored by Log Rocket.
1:15.0	Now head on over to Log Rocket.com
1:17.0	forward slash syntax and you're going to get 14 days free of Log Rocket and let me tell you a little bit about Log Rocket.
	...

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.