Is CSS breaking the separations of concerns?


View this email in your browser (or share it with a friend!)

Hello Reader,

This week, I’m formatting things a little differently because the comments on a YouTube video I posted got me a little riled up 😅.

So, starting with that video, I took a look at Temani Afif’s mind-blowing CSS-only graph theory CodePen.

video preview

And while most people were pretty blown away by this as well, there were a fair number of comments about how this is breaking the separation of concerns and how CSS shouldn’t be able to do things like this.

To me, this is more about “this is doing what I’ve traditionally had to use JS for,” rather than “this is what JS should be used for,” and I went off on this idea over on the second channel.

video preview

🙋‍♂️ What I've been up to this week

📺 F1 Website Championship

video preview

As a life-long F1 fan, and the 2026 season starting next week, I decided to do an F1 website championship, where I pitted the teams against one another with rounds for design, performance, accessibility, and CSS.

The design rankings were my own opinions, but I used Lighthouse for the performance and accessibility scores, and Project Wallace for the CSS score.

Each round is scored using the F1 point system, and while not particularly educational, I had fun putting it together 😅.


⚡Instantly improve your transitions and animations with linear()

video preview

A quick look at how we can instantly create better animations and transitions by using linear() timing functions (with the help of Easing Wizard).

🔗 Other awesome stuff from around the web

So in the video at the top people complained about CSS being too much of a programming language with it able to do some graph theory… don’t let them know Rebane made an entire x86 emulator using only CSS 😆.

🏁

Have a fantastic 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.

Enroll →

Intermediate

CSS Demystified

For those who've been writing CSS for a little bit now, but want to step up their game and start writing CSS with confidence!

Enroll →

Intermediate (Frontend Masters)

Build a Modern Site from Scratch

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

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.

Read more from Hi! I'm Kevin

View this email in your browser (or share it with a friend!) Hello Reader, I’m writing this from the airport, a few hours into a nine-hour layover. When I booked the flight, I knew this would be a long one, but I have a pile of work to get through, so it’s been a surprisingly productive Saturday. I normally try to avoid working on weekends, but over the last two months, it’s been more the norm than the exception. The launch of CSS Demystified, which just wrapped up, followed by my talk and...

Hello Reader, Sometimes you run into a CSS problem, and you do everything right, but still can't figure out what is going on. You don’t pile on Band-Aids. You stop and think about why it’s happening. You narrow it down to a specific question. You search for an answer. And you get nothing. This happened to one of my students a while back. They added padding to an element, and that padding covered the text of the paragraph above it. They played around with it and tried a few different things....

Hello Reader, Yesterday I told you about the mindset shift that changed everything for me, and how I started working with the browser instead of against it. I’ve spent a long time figuring out how to pass that same shift on to others, and that’s why I created CSS Demystified, which is now open for enrollment. Before I get into the details, I want to tell you why I built it the way I did. I spent five years teaching in a classroom before I moved to online education full-time. And the thing...