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