In this episode of Syntax, Wes and Scott talk about some of the CSS Trends and Usage for 2022 as documented by the Web Almanac - and give some great cleaning tips along the way.

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.

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:10 Welcome
02:15 Cleaning Sick Pick
Bar Keepers Friend
04:40 Web Almanac
Web Almanac
08:23 CSS stylesheets size grow
09:49 Popular CSS Class names
15:29 How many websites use !important?
18:11 Popular pseudo classes
20:27 Sponsor: Prismic
21:38 CSS Attribute Selectors
27:03 Most popular units
32:23 calc properties
33:13 Sponsor: LogRocket
35:15 Top operators when using calc
36:21 Custom Property Names
37:39 Property Value types
38:00 Functions
39:27 Color names
42:02 Format of color
43:50 Most popular gardient on the web
47:27 Sponsor: Freshbooks
47:57 We don’t know the web
50:39 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Scott: Dawn
Wes: Flat speaker wire

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

2022 CSS Trends and Usage Web Almanac

Syntax - Tasty Web Development Treats

2022 CSS Trends and Usage Web Almanac