Weekly newsletter, where I talk about tangentially-related front-end development topics and share what I've been up to in the last week, plus any cool/fun/interesting/useful links I come across as well.
Share
Modern CSS is awesome, but why don't more people know?
It's been a while since I've had a long newsletter... I know some people prefer these, so if you're one of them, here we go (and for the rest, you can skim down to the next section 😉).
Also, stick with me, because this is going to tie back into web development in a second, but I grew up downhill skiing since the age of two or three.
From the age of seven until sometime in my twenties, I skied every weekend throughout the winter, first as a member of the local racing team and later as a coach for the team.
At one point during that time, something happened that completely changed how we ski.
The reason that happened is that the skis themselves changed.
Image by Fancy-cats-are-happy-cats
That pair on the left is the older-style ski. They were very straight and very long. The ones to the right were some of the early ones in the new wave, becoming shorter and having a thicker tip and tail, with a narrow mid-section (I had a pair of those yellow Atomics at one point!).
That change in shape revolutionized skiing at all levels.
The reason I bring this up is that I find it interesting how we’ve had a revolution in CSS, yet we’re more or less stuck where things were five years ago.
Or, perhaps I shouldn’t use 'we' here, because not everyone is stuck. You’re reading this, so you probably do your best to keep up with CSS. Maybe you follow me to help you with that!
When I talk to people, whether it’s on social media or at in-person events, everyone I talk to is all into all the new stuff as well, and so it feels like everyone is hooked into it all… but all this time, I’m just hanging out and chatting with the little bubble of people who are into CSS.
As soon as I’m talking with someone who isn’t very plugged into CSS specifically, I start to realize how isolated my bubble is, and that most people have no idea about things that I take for granted, and that I talk about over and over again.
A recent comment on a video of mine, which means it’s someone who probably follows me, at least from time to time, highlights this.
And I get it, it’s not like skiing, because it isn’t a case of one or the other.
With skiing, you’re either on the old equipment and have to ski to how those work, or you get the new ones, and then learn the new way to ski using those.
In CSS, we don't upgrade to a new version of CSS that includes a bunch of breaking changes. All the old parts of CSS still work exactly the same way they always have (for better and for worse!), we just have new and improved stuff added on.
A lot of these new feautres can change how we write CSS, but many people don’t pay attention and continue to work the way they always have.
This is a shame, though, because so many things are so much easier than they used to be.
On top of that, not only are new things easier, but they can completely change how we approach common problems.
I’ve talked about some of these types of things a lot!
I don’t think everyone needs to switch and learn all the new stuff all at once. I completely understand that “if it ain’t broke, don’t fix it” when you’re working in a job and have much bigger priorities than learning some new way to solve a problem you already have a solution for.
But I do think more can be done to spread the word on what’s possible, even for the simple things like the object-fit and aspect-ratio that I mentioned above.
And that’s where I think you can come in. You can be that ski buddy who’s rocking all the new equipment that makes your friends jealous, but in a bit more of a friendly way.
Instead of trying to show off, if you learn something cool from one of my videos, let others know about it.
Or, if you come across a cool tip or trick on social media, share it.
It doesn’t have to be anything high effort, and you definitely don’t need to be that annoying coworker who’s trying to shove some overly-complex CSS into your projects, but a few small things here and there can get a few more people realizing how powerful CSS is getting!
Most people who listen to me, and who follow all the other CSS nerds out there are CSS nerds themselves. The more all of us talk about all the amazing things modern CSS can do, the more it will help people realize that it's getting to be a pretty amazing language 😊.
🙋♂️ What I’ve been up to this week
It might be time to rethink box-sizing: border-box
Speaking of how modern CSS has changed things, and inspired by Miriam Suzanne’s article on why you shouldn’t inherit box-sizing, I started to wonder if we even need to use box-sizing: border-box in our resets at all anymore.
I wouldn’t go into an old project and remove it, but in modern CSS, we don’t declare sizes very often at all, and when we do for things like containers/wrappers, pseudo-elements, etc, content-box is often better.
Catching up on the world of WordPress with Kyle of The Admin Bar
This week, I sat down with Kyle Van Deusen of The Admin Bar to chat WordPress! I haven't touched WordPress in almost a decade, so I had a lot of questions about how things have changed over the past 10 years, what the current situation looks like, and where things are headed in the future. We also chat a bit about CSS, some WordPress drama, and more.
Sticking with our Layout theme for September: Which CSS property creates a new stacking context without any visual side effects? (yes, stacking/z-index is layout related! 😅)
Speaking of Chris’ CSS Starter that I linked to above, I haven’t ever released a “reset” or “starter” even after all these years, and every time I see someone else do it, I feel the pressure ramp up to put something out!
I’ve had a draft sitting in my pre-production database in Notion for quite some time now actually, but it’s one of those types of things that I’m very envious of written content for, as it can be updated over time… granted, as I write that, I could easily enough put the living version of it in written form, and simply make a video breaking it down 🤔
Anyway, that’ll be for another week!
Kevin
Are you looking to step up your CSS? I've got both free and premium courses to help with that! They cover a range of skill levels too 👇
Beginner friendly (and free)
Conquering Responsive Layout
A free course to help you approach responsive layouts with the right mindset.
If you no longer want to get any emails from me, you can unsubscribe or you can edit your preferences if you'd like pick which emails you get from me. 113 Cherry St #92768, Seattle, WA 98104-2205
Hi! I'm Kevin
Helping people fall in love with CSS
Weekly newsletter, where I talk about tangentially-related front-end development topics and share what I've been up to in the last week, plus any cool/fun/interesting/useful links I come across as well.
View this email in your browser (or share it with a friend!) Hello Reader, I’ve been doing a lot more interviews with people over on my second channel over the last few weeks. Only one of those conversations has been posted sso far, with the others coming soon. The reason I mention this, though, is that one question I like to ask my guests near the end, when I do a rapid-fire segment, is “Is there a CSS best practice that you disagree with?” The reason I like asking that question is that so...
View this email in your browser (or share it with a friend!) Hello Reader, Yup, you read that right, I'm hosting a totally free CSS Grid workshop this week! You can scroll down a bit if you're interested in that, but first I want to talk a bit about one of my goals with my second channel. One of my favourite things to do there is to have conversations with other people, and while I have had a few in the past, most episodes are just me rambling about things. I've finally reached out to some...
View this email in your browser (or share it with a friend!) PRE-S: Proposals for Interop 2026 are now open. For those who don't know, Interop is an initiative to ensure that all browsers properly implement features outlined in the web specifications, which means not only do they support those features, but they are bug-free. You can learn more about it here, and if you would like to propose a feature, I'd suggest you read this guide first. Hello Reader, Working from home has a lot of...