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