
technologyNov 16, 202258:40pending
CSS Trends Almanac for 2022 Part 2
About this episode
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
Get every episode summarized
Each time Syntax - Tasty Web Development Treats publishes, we email you a written briefing from the transcript — the topics, who appeared, and any specific claims, with the ad reads skipped.
Email me new episodesFree for 3 shows. No card needed.
No transcript yet
This episode has not been transcribed. Request it and it moves to the front of the queue.
More episodes
More from Syntax - Tasty Web Development Treats

995: Next.js Vendor Lock-in No More
Syntax - Tasty Web Development Treats
Apr 13, 20261:04:18failed

994: AI Sucks At CSS
Syntax - Tasty Web Development Treats
Apr 8, 20261:00:16failed

993: It’s Been A Hell Of Week
Syntax - Tasty Web Development Treats
Apr 6, 202638:12failed

992: Migrating Legacy Code Just Got Easier
Syntax - Tasty Web Development Treats
Apr 1, 202629:07failed