almost 4 years ago Syntax Podcast
2022 CSS Trends and Usage Web Almanac
- 00:12 Web Almanac provides web usage stats
- 00:41 Difference between developer survey stats and actual web usage stats
- 01:27 Sponsors: Prismic, LogRocket, FreshBooks
- 02:18 Cleaning office on Fridays sets you up for success
- 02:47 Deep cleaning a vintage wolf stove
- 03:58 Barkeeper's Friend for cleaning pans and sinks
- 04:36 Web Almanac methodology - scraping tons of websites
- 05:19 More mobile websites in dataset than desktop
- 05:34 Surprised by high mobile usage compared to desktop
- 06:09 Many people never use computers anymore
- 06:21 How do iPad coders use dev tools?
How do iPad coders use dev tools?
Guest 1
So I'm sure there are others probably even a bookmarklet,
Guest 1
Because dev tools is just JavaScript at the end of the day, so it can run. Like yeah. But mobile Safari, whatever, doesn't
Deep cleaning a vintage wolf stove
Guest 2
start that cleaning is probably not on the list of things that I am good at. So maybe once every Friday is was good for me. Oh, man. I'm super late cleaning. I did. So we have, like, that wolf range. That big ring. Yep. Oh, yeah. I did a deep clean of that thing last night. And what's so cool about that is that it's an old one. Ours is, like, from the nineties.
Guest 1
Yeah.
Guest 2
But, yeah, each individual piece of it, you can take apart completely.
Guest 1
like I don't know. People sometimes say, like, stuff like that is, like,
Guest 1
People buy it just for the looks, but, like, here you are with 30 years later, and you can still buy parts for it and and replace things on it. So and And I don't really have to buy parts for it. I can just clean it. Yeah. Take care of it. Yeah. So sick pick for you. Talking about range. Can you have your views? Barkeeper's Friend? something that has been used It's actually a bit of a different story, and it's kinda interesting to see what are people actually using, what's popular, and JavaScript and whatever else there is. Rid. We are sponsored by 3 awesome companies today. 1st one is Prismic. They are a headless CMS with a rest in GraphQL API. Rid. LogRocket,
Guest 2
I you know what? My mother-in-law has used Barkeeper Friend, and so I think we have some of it in the house because of that.
Guest 1
Forever ago. But that's that's why you buy something that is, little pieces of copper everywhere.
Cleaning office on Fridays sets you up for success
Guest 2
rid. Just kind of regularly That's the way it is. Yeah. I was I was wondering about you know, people talk about, like, iPad coding. Rid. This is somewhat unrelated, but Yeah. I always wonder, how do they get dev tools and stuff to work in iPad coding environments? I think real quick, maybe we should talk a little bit about their methodology
Guest 2
The same
Guest 1
activities like that. Yeah. I need to
Web Almanac provides web usage stats
Guest 1
I guess, this body that scrapes the entire Internet and,
Guest 1
on sort of what's going on. And this is kind of interesting because We have state of CSS and state of JS, and that is answers from developers.
More mobile websites in dataset than desktop
Guest 2
doesn't it feel like it's swapped? I mean, I know it's 2022 here, but it still feels weird that that's are desktop.
Guest 2
are desktop and 7.9 5.4
Guest 2
So Allow you to have inspect all the Internet stuff. But but you can inject
Guest 2
are mobile.
Guest 2
Right?
Many people never use computers anymore
Guest 1
I'm sure you can open it. Then we talked to,
Web Almanac methodology - scraping tons of websites
Guest 2
7.9
Guest 2
used for this data, there's 8,300,000
Guest 2
are mobile friendly
Guest 2
So that's interesting.
Guest 2
because there's a lot of stuff in here that,
Guest 2
websites, So it's it's really truly you could take the entire thing apart and replace any little bit of it. And so that means you could also take it all apart to clean it. So I I could just take every single little piece apart, deep scrub deep clean. Put it back together and feel like, yes, things sparkle in the bed. No, it's, you know, what, how, how long ago was the nineties?
Guest 2
and 5.4 time every week sets you up for success.
Guest 2
well, I guess the the CSS portion, not so much. In the JavaScript portion, you'd be seeing a lot of jQuery and stuff like that. But,
Guest 2
before we dive into some of the data. So Wes and I were taking a look at this a little bit. It what What it seems like, it it seems like they just scrape a ton of data. And so it says in the dataset scheduled
Surprised by high mobile usage compared to desktop
Guest 1
just using Friday afternoon. You got an hour left. I start doing like, I was stripping Ethernet wires on Friday here, and I came back and I was just like, oh, there's freaking
Guest 1
stumbling upon it. Like, we sit at a computer all day, like CSS variables. How how much pop more popular are they than just A year, a year or 2 ago. So we're gonna go through the CSS portion of that on this episode. We'll have another one on Chrome DevTools is a web app, and you can inject literally any web app into a website.
Guest 1
and then, like I said this many times, I go and talk to my friends in the real world, and they never sit at a computer. Never. The whole Oh, they do. World Yeah. Is yeah. Their entire world is through an iPad Or an iPhone. So right. And it drives me crazy because it's like, how are you productive And But then if you actually look at what
Guest 1
your phone? You know? How do you do research on things? And rid. Yeah. Nuts, but that's the way the the world is going, I guess.
Guest 1
so much more in mobile than in desktop. Yeah. Rid. Yeah. But I I I often find myself
Transcript
Announcer
You're listening to Syntax, the podcast with the tastiest web development treats out there. Strap yourself in and get ready. Here is Scott Talinski and Wes Bosch.
Guest 1
Welcome to Syntax. This is the podcast with its tastiest web development treats out there. We've got a really cool one for you today. So the HTTP archive, they are,
Barkeeper's Friend for cleaning pans and sinks
Guest 2
Yeah.
Guest 1
400 years.
Guest 2
Because that's a sick pick for you today. Alright. Well, looking up stuff that people have been using for 400 years. We're gonna be talking about the technology featured in the Web Almanac today, Yeah. Next week, I I like that kind of stuff. And my type of brain, I think, really appreciates having
Guest 2
But I I don't know if I've used it really myself. Do you ever have trouble getting
Guest 1
stuff off of a pan or, rid Cleaning your sink or your your range or something like that. Parking for spray is where it's at. Nothing the powder stuff. I was gonna say, how do you feel about the spray? Rid No. Don't buy a spray. Don't you got it. Cleaning products in general, there's a lot of fluff and and, like, ease of use stuff out there. Rid. You gotta go with the OG stuff that people have been using for rid. Saves all the websites, and they once a year, they run a whole bunch of, like, stats rid. New things like, Like, what did I I just, like, kinda shot myself in the foot for, like, a bad start to Monday and Had to spend 15 minutes cleaning it up. I think that kind of ritual type of thing is good. Like cleaning or having those the same you do the same thing
Sponsors: Prismic, LogRocket, FreshBooks
Guest 2
Doing real good. Just kinda hanging out. You know, I cleaned my office a couple weeks ago. Yeah. Feeling just it's great to come back to
Guest 1
FreshBooks, the cloud accounting software you need to run your business. Talk about all of them partway through the episode. With me as always, mister Scott Talinski. How are you doing today, Scott? Hey. Rid. Doing good.
Guest 1
your your workspace and have it just feel like, hey, man. This this space is for working. Yeah. It's all nice and tidy, and it's feeling great. Rid. So, yeah, I'm feeling good. I was thinking about doing that, like, as like a Friday ritual. You know, like, the last thing you do on a Friday is just clean your office, get it all set up for the next week. Because sometimes I just leave, like,
Difference between developer survey stats and actual web usage stats
Guest 1
they they let you replay what users do on your site and help you fix bugs on your website.
Guest 1
The entire Internet is using in terms of web tech.