2022 CSS Trends and Usage Web Almanac

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 19 October 2022

⏱️ 59 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to Syntax, the podcast with the tastiest web development treats out there.
0:06.1	Strap yourself in and get ready.
0:08.0	Here is Scott Tillinski and West Boss.
0:11.0	Welcome to Syntax.
0:13.0	This is the podcast with the tastiest web development treats out there.
0:17.0	We've got a really cool one for you today.
0:19.5	So the HTTP archive, they are, I guess, this body that scrapes the entire internet and saves
0:26.9	all the websites.
0:27.9	And once a year, they run a whole bunch of like stats on sort of what's going on.
0:33.2	And this kind of interesting because we have state of CSS and state of JS and that is answers
0:38.6	from developers.
0:40.8	But then if you actually look at what the entire internet is using in terms of web tech,
0:47.9	it's actually a bit of a different story.
0:49.8	And it's kind of interesting to see what are people actually using what's popular and new
0:54.8	things like something that has been used, like CSS variables, how much more popular are
1:01.4	they than just a year, year to go.
1:03.6	So we're going to go through the CSS portion of that on this episode.
1:07.1	We'll have another one on JavaScript and whatever else there is.
1:11.3	We are sponsored by three awesome companies today.
1:14.0	First one is Prismic.
1:15.0	They are a headless CMS with a rest and GraphQL API log rocket.
1:20.8	They let you replay what users do on your site and help you fix bugs on your website
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.