October 19th, 2022 × #Web Stats#Mobile#Cleaning
2022 CSS Trends and Usage Web Almanac
Scott and Wes discuss mobile vs desktop usage based on stats from the Web Almanac report, cleaning tips, sponsors, and more.
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