The slow adoption of new CSS features

Key Takeaways

hello my friend and friends my name is Kevin and welcome to my podcast General musings where I talk about whatever is friend of mine for me in any given week usually in some way that's front-end related and often something CSS related we'll be talking about some CSS stuff today but just before we get into it I do want to apologize if there's any weird edits or my voice sounds different because I just got back from traveling I didn't just get back actually it's been a little while now I got back from traveling but when I got home from traveling I went to CSS day that it was really cool when I got back I picked up something during my travels and it's lingering and it's not bad I feel fine I just I have a cough now that doesn't want to go away um so I might sound a little different and I might have to edit out some random coughs in the middle of sentences so if there's an odd edit here or there I do apologize and I'm not going to talk too much about CSS today I want to talk about something else today but just want to say I got to go to CSS day and talk in the stage at CSS day which is just absolutely amazing I was going to talk more about that in this podcast episode actually but I felt like I was just rehashing exactly what I'd written I did two blog posts one was my experience talking at CSS day and the other one is my experience attending CSS day so if you want to know more about that I'll put the links to those and the show notes instead today what I want to talk about a bit is something that came up during discussions at CSS day and I've seen a lot on social media since then as well about the rate of adoption of things in CSS and this started before CSS Day 2 um it's it's not this brand new thing but it seems to be this like Rising disc discussion Point within the community of like we we had you know let's say container queries is the one that's being cited the most right now where it's like everybody wants container queries and then we have them awesome yeah lots of hype but we can't really use them yet because browser support's not good enough then time passes right and goes on for a while and now we're hitting good browser support and it's like why aren't you using container queries and people are like container what now and there just doesn't seem to be this quick adoption of using these things now that we have them even though it seemed like it's something that everybody wanted and so Andy Bell's been uh bringing it up on Picadilly I've seen other uh people talking about it Miriam Susan's been talking about it now as well and it it's interesting the way like the discussion around it and why this has happened uh and Miriam's brought up a good point of like does it really matter and in a way no it doesn't that you it'll probably slowly pick up over time but it is curious how this happens and a little bit of like why it happens but in talking with people that aren't in the CSS space I think or actually that's rewind just really fast is I think part of the problem is we think more people want it some of these things and more people are excited about these things when we live more within our bubbles right so if you're in the CSS bubble like I am and I'm very entrenched in it I follow a lot like all the CSS blogs cuz I want to learn more stuff and I like sharing what other people are up to so in following all of these things when a new feature comes a lot of those talk about that new thing CU they're excited about it too so it feels like everybody's talking about it but it's our little bubble that's talking about it right and that leads to like I think some the first part is this misrepresentation in our own minds of the awareness of features as well as the excitement around the features and how much maybe people really want them the people who do want them are very vocal so you hear about it the people that are excited about it are very vocal so you see them talking about it and getting excited about it but most people aren't even aware so I think that plays into it to a certain extent and then the other thing is most people don't write CSS as their primary part of their job you see it in all like the state of surveys where they'll ask what's the breakdown of like the HTML and CSS you write to the amount of JavaScript you write in a given day and the Javas script always is more like a bigger part of it I think the average is like 60 or probably 70% I don't remember exactly where lies but it's substantially over 50% of the day is is in JavaScript and that means like most people that are writing CSS that's not what they want to be doing necessarily it's what they have to do and it's not the biggest part of their job and they just need to be able to get something done especially when you're working I I get to play with stuff like my day job is to play around and create stuff and learn how things work and share that with people that's not what most people are doing most people are like oh I need to do this I already know a way that I can get that to work that's good enough so I'm going to do it you see this with flexbox and grid people will learn one of them a lot of the older school people learn flexbox first cuz it was all we had and then they're happy with that they can do everything they need to be able to do with it so they're like I don't need to bother learning grid and there's all that extra stuff going in a grid so what's the point I can get by and they're doing things harder than they have to because grid is much better at certain things than flexbox is just like Flex box is better at other things than git is and having two of them is a good thing but that means you have to learn the other thing and so if you're able to be fine in using a media query and it works good enough and that's the pattern that you've always had you're not necessarily going to learn how this new thing works and the quirks that come with it because there's quirks that come with container queries and you need to learn those and figure them out and then see how it's going to work with your new thing and then the difference is it's not meant to replace media queries it's meant to be used in different ways and in different situations and so you're having to change how you work and you might be able to do more things with it than you were ever able to do before but your mindset isn't there right you're just trying to get stuff done and for me as an educator and I talked about this actually a little bit as part of my my talk at CSS day though I didn't at the time realize that it was sort of fitting into this larger narrative uh in a way anyway but it's about like how do we raise awareness within the front end or web development field in general for all of these new things that are coming to CSS because what's happening is these new things are here now a lot of them actually have pretty good browser support and they enable us to do things we couldn't do before they fix problems or enable things there are pain points that people have long had with CSS and they're things that if they learned how it would work they'd probably be happy and they probably would see adoption go up but like how do you raise awareness of it and obviously my platform's gotten to quite a substantial size but that's still like a drop in the bucket when you look at how many developers are actually out there so like what is the way to raise awareness for like the general people of like these are new things that are here that you can use now in production that are going to make your lives easier and I don't know what the solution is do know that there's been that talk around let's have a css4 and a CSS 5 and part of that would I think help because it creates like a little talking point that you can raise awareness around like we saw with css3 so I think that could be part of it maybe it's just slowly but surely these things become more normal as we just keep talking about them and if I talk about it and Andy Bell talks about it on his pick andilly blog and then other people are talking about it on social media and then eventually just slowly the adoption goes up and maybe that's how it works adoption doesn't necessarily need to be overnight right there's no harm in that and just because something could be cool and we could do these new things some people will start doing them and then most people won't and it will just sort of trickle in over time and maybe that's just how that's partially going to work maybe that's how it's always been we're just seeing it more now or feeling it right now because there's so much new stuff whereas before it' be like here's this one new thing we have grid now we didn't have grid now we have Grid or even before that like we didn't have layout tools and now we have Flex box it was very exciting when we could do border radius cuz that was really tedious to make something with a rounded corner and then you get border radius and it's like yes finally or gradients right those were huge pain points that now had an easy solution to them whereas like the new things like a container query it's a fixing a paino or it it's a potential solution to some pain points but it's not as obvious and and clearcut how you might use it within a more complex layout or like the ha selector they can do these really awesome things that you couldn't really do before but somebody's already solving that with JavaScript and they don't want to learn how the new thing works so they just keep doing it that way and it's not that big of a deal so they don't change right anyway I think maybe we should lower our expectations is part of it in terms of how fast these things will get adopted but I'm sure over time we slowly sort of become more normal at least that's the Hope Miriam Susan put out a post not too long ago saying learn grid now container queries can wait take your time with new CSS but don't sleep on the essentials and yeah maybe that's that's the right take let's let's make sure people are on the the stuff that's been around for a while and has basically perfect support or as close as we're ever going to get basically and then still wait for those other things to just sort of slowly leak in over time I guess I sort of got myself to a conclusion I'm happy with there at the end of this though I might change my mind on it a few more times uh in the future we'll see but talking your way through things can sometimes help you get to certain conclusions in better ways I guess but yeah I hope you enjoyed this again the two articles I wrote are linked in the show notes if you'd be curious about my experience at CSS day I also put a link to that article I just mentioned a mirams and thank you very much for listening and of course until next time don't forget to make your corner of the internet just a little bit more awesome