CSS Trends Almanac for 2022 Part 2

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 16 November 2022

⏱️ 59 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, it’s part 2 of Wes and Scott’s journey through the CSS Trends Almanac for 2022 talking through the rest of the popular CSS properties on the web. Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax. Sanity - 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. 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. Show Notes 00:06 Welcome Syntax 525 - 2022 CSS Trends and Usage Web Almanac Part 1 01:22 Smart home updates 04:05 Box sizing: border box 06:57 CSS Columns 09:20 Aspect Ratio Can I Use CSS Properties Rotate 09:53 Transitions and animations 13:36 Transition time 17:05 Steps as a timing function 19:01 Sponsor: Prismic 19:43 Blend modes 23:57 Responsive web design 26:31 Prefers Color Scheme 27:48 Popular breakpoints 30:57 Sponsor: LogRocket 32:06 Feature queries and @ supports 34:59 Logical and physical properties 37:59 css-in-js Sam Magura - Why We’re Breaking Up with CSS-in-JS Brad Frost - Why We’re Breaking Up with CSS in JS 42:28 Sass 43:20 Print styles 45:38 Sponsor: Sanity 46:38 Longhand properities 48:21 Non-existant properties 52:06 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Front Bumper Drillless Plate Holder Wes: 1U Server Rack 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
0:05.6	there.
0:06.6	Strap yourself in and get ready.
0:08.1	Here is Scott Tolesky and West Boss.
0:11.2	Welcome to syntax, the podcast with the tastiest web development treats out there.
0:15.4	We've got more CSS trends, so we did an episode a couple of weeks ago.
0:20.8	The HTTP archive has an Almanac, which basically scrubs the entire internet and figures out
0:28.2	what are people actually using?
0:31.0	How many people are using box sizing, border box and all that?
0:34.2	We got about halfway through the CSS and we're going to finish that up now some really interesting
0:38.0	stuff.
0:39.0	If you want to know what are people actually using on the internet, this show is for you.
0:44.9	We are sponsored by three awesome companies today, Prismac.
0:49.8	The head will see a mess that makes it easy to build web pages as a set of components.
0:54.2	You can break your website into components and then build them out with react views felt
0:59.8	you name it.
1:01.5	Sanity is the platform for structured content that powers your apps, your websites, your
1:07.3	sandwich boards, literally anything.
1:09.2	They have a wicked CMS.
1:10.8	We'll talk about that part with you through the episode and log rocket modern front end
1:16.2	monitoring.
1:17.2	They do session replay and product analytics.
	...

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.