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.
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)
HTML & CSS for Absolute Beginners
A free course that starts with the absolute basics, and gets to creating some layouts with Flexbox and Grid.
Build a fully responsive site using modern CSS features, along with some polished animations.
Enroll → (25% off first month of Frontend Masters if you use this affiliate link)
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. 600 1st Ave, Ste 330 PMB 92768, Seattle, WA 98104-2246
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, The shorter summer edition of the newsletter continues as I’m in the middle of some travels with my family. Still have some content being put out, though! 🙋♂️ What I’ve been up to this week The most fun I’ve had with CSS in a while thanks to offset-path Eric Meyer’s talk at CSS Day was about offset-path, and it made me realize that I didn’t realize how easy it was to use! I thought we had to use it with SVGs, but it...
View this email in your browser (or share it with a friend!) Hello Reader, A few months ago, I pitted the F1 team websites against each other, and I thought it would be fun to make a landing page for a fictional team that could at least challenge the few teams who’d done a good job with theirs. I was pretty happy with what I’d come up with, but just as I was putting the finishing touches on it, Jason Lengstorf, of Learn with Jason and Leet Heat fame, reached out to let me know about a...
View this email in your browser (or share it with a friend!) Hello Reader, From my experience, there are a few reasons people push back on new things, but the most common one I see revolves around people preferring the old way of doing things. This makes sense, because they are comfortable with what they are used to, rather than the new way, which is different. When something new comes along, that means they have to learn it, which for a lot of people means that it’s slower. The thing is, in...