Responsive Design Techniques

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 23 November 2022

⏱️ 62 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk through some modern responsive design techniques that you may not have heard of, or haven’t had a chance to use yet. Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started. 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. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax Show Notes 00:47 Clean Talk 03:55 The menu of responsive design Syntax 154 with Sara Soueidan 06:52 Responsive design basics 11:54 What should you build for first in 2022? 16:15 Shrink and grow until it looks bad 21:36 Menus in responsive 23:43 Sponsor: Linode 24:13 Grid systems 28:08 Grid and Flexbox CSS Grid Course Flexbox Course Can I Use 35:02 Sponsor: LogRocket 36:00 Container queries 45:56 FitText 49:12 How do you test these types of things? 51:15 Future techniques coming 53:28 Sponsor: Freshbooks 53:56 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Lutron Light switches Wes: Sunco Lighting BR30 Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials 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	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.0	Strap yourself in and get ready. Here is Scott Tillinski and West Boss.
0:11.2	Welcome to Syntax, the podcast with the tastiest web development treats.
0:14.4	Out there today, we've got one on responsive design techniques for you,
0:18.5	different ways that you can approach making a website responsive. It's a pretty good one.
0:24.4	It's not just your mobile first and desktop first. There's a lot more to it.
0:29.5	We are sponsored by three awesome companies, Linode, Cloud Computing, Log Rocket,
0:35.3	JavaScript session, replay, and FreshBooks Cloud accounting. We'll talk about all of them part
0:40.2	away through the episode. My name is West Boss, a developer from Canada with me as always,
0:45.2	is Mr. Scott Tillinski. How are you doing today, Scott? Hey, I'm doing good. Just man, we did a
0:51.6	a crazy clean of our house this weekend this Saturday. Yeah, we had some, you know,
0:58.0	play date with this, some of London's kindergarten friends. And so it's like, our house and
1:04.1	no, like how you live. Top mess. Yeah, totally. And so we were just, we were like, let it,
1:09.8	let's just whirlwind it, like, oh, as fast as possible. And let me tell you, man, it was,
1:15.2	it was the clean of a lifetime. And now our house, it feels so nice because that was like all day
1:20.8	on Sunday. We were just like, oh, we don't really have to do very much today. We can like focus on
1:25.3	detailing and like getting into the, the stuff that you don't ever get a chance to clean. So
1:30.1	yeah, the clean, the clean. I feel so good. Yeah, it does. My job in our household is I'm the guy
1:38.1	who cleans the cleaning stuff. And more often than not, it's me, my wife being like, the vacuum,
1:45.0	like with a tinco vacuum, you know, that thing. She's like, this thing sucks. Like it, like,
1:48.9	not in a good way. Oh, you don't like it. Oh, no. Well, I like took it apart. And I was like, it's
1:53.8	like literally no air is getting through. This thing is full of of dust. Like the whole vacuum
	...

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.