New Viewport Units

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 20 June 2022

⏱️ 19 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk about the new viewport units coming to the web - what are they and when can we use them? 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. Sanity.io - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. Show Notes 00:25 Welcome 01:14 Sponsor: LogRocket 02:24 Sponsor: Sanity 04:19 What are viewport units? The Large and small and dynamic viewports 05:22 What are the new viewport units? Large small and dyanmic viewports 07:57 What’s small and large? 11:52 How do viewport units help developers? 12:39 What about the keyboard on mobile? Keycode.info 16:37 When can we start using new viewport units? 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! Open wide dev fans! Get ready! To stuff your face with
0:07.0	JavaScript CSS! Node modules! Barbecue tips! Get workflow! Break dancing! Soft skills!
0:12.0	Web development! The hastiest! The courageous! The tastiest! Web development
0:16.0	treats! Coming in hot! Here is Wes! Barakuda! Boss! And Scott!
0:22.0	Tiltoro Lungo! Tolinsky! Welcome to syntax in this Monday hasty treat. We're going to be
0:32.0	talking about viewport units and specifically why we have new viewport units.
0:38.0	When the last viewport you say what about the viewport units we have at home? Well, we got new ones here.
0:42.0	We have brand new viewport units. We're going to be talking about the problem with the old ones
0:46.0	and what the new ones solve and when you can use that. My name is Scott Tolinsky. I'm a developer
0:50.0	from Denver, Colorado. And with me, as always, is Wes Boss. Everybody stoked to talk about these new
0:56.0	viewport units. It's funny. I was on a last show. I was talking about how much of a pain the like iOS
1:02.0	problem was. We'll talk about that in a second. And Scott said, no, there's new ones.
1:06.0	I had no idea about these. I'm excited to dig into them. Yeah, there's new ones.
1:10.0	And you know what else we have today? Wes, we have two great sponsors. We have log
1:14.0	rocket and sanity. Now log rocket is the perfect place to see all of your errors
1:18.0	and exceptions happen in real time. And maybe in one of those scribbleable videos,
1:22.0	you're going to be able to see that you use the wrong viewport units. Maybe that's going to be something.
1:26.0	So log rocket. What it is is to say Aaron exception handling tool. But it's more than that.
1:32.0	It's basically a way to understand your users and what's happening on your site.
1:36.0	Because more than just getting a scrubble video replay for your errors and exceptions,
1:40.0	which you do get that you also gain the ability to take control of your user user engagement
1:46.0	by proactively surfacing issues that could impact conversions and those types of things.
	...

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.