When your passion becomes a grind


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

Hello Reader,

Before we dive into the content of this one, I want to let you know that this will be the last newsletter of the year, and I’ll be back in your inboxes sometime in mid-January.

I’ll still have YouTube videos coming out, so you can keep an eye out over there by making sure you’re subscribed (only like 4,000 away from 1 million!). I’ll also do a quick roundup of all the content I put out once the newsletter resumes.

With the family home for the next two weeks, it's the perfect time to wind down a bit, but I've been thinking about why that even feels like something worth mentioning.

This was the first year I actually took a real break from YouTube, with a short period with no videos, and more weeks without a newsletter than I've had in years as well.

It felt really strange, but as you can guess, the world kept on turning just fine (or well, it kept on turning, I’m not so sure how fine things are in the big picture, but you know what I mean 😅).

When we're in the thick of things, it's hard to realize how much we're pushing ourselves. The constant need to produce, or sometimes, the need not to fall behind simply becomes the “normal” state of things.

I know for me, a big part of it is always trying to keep the momentum up, which was why taking a break from YouTube and the newsletter this year was scary for me. I know myself, and how it can be hard to get started back up again.

Now, that’s not to say it’s easy. Sometimes we need to buckle down and simply get things done, whether it’s to finish a job on time or do extra work at night to help pay the bills, but often stepping back isn’t slacking, or giving up. Instead, it’s giving ourselves a chance to breathe for a second so we can come back at things with a bit more energy.

My break this year did more good for me than anything else, and I came back more motivated and excited about making content than I'd been in a while.

So yeah, a little bit of a wind down for me for the next little bit, and I hope you also have a chance to do the same 🙂.

📺 Stop using the legacy color syntax

video preview

After talking about this a while ago on Bluesky, it turns out a lot of people didn’t realize that the syntax for CSS colors has changed quite a bit. I wrote a post on Piccalilli that was super well-received, so I figured I’d take the start of that article and turn it into a video 😅.

⚡ 4 color variations from 1 variable super easily

video preview

Speaking of new color stuff, this week’s short dives into why relative colors is one of my favorite “new” CSS features.

🎙️ Podcast

When the passion starts to fade

show
When the passion starts to f...
Jan 23 · General Musings with Kev...
18:17
Spotify Logo
 

This week, I start by talking about how my son wants to give up on a new hobby, and make my way into how AI is disillusioning developers.

LISTEN ON: APPLE | SPOTIFY | YOUTUBE | RSS

📝 Quiz time!

A few weeks ago I had a tricky selector question that most people got wrong (only 14% got it correct!). This one's tricky too, but a bit different: Only one of these selectors is valid, which one is it?

  1. :is(> *)
  2. :has(> *)
  3. :not(> *)
  4. :where(> *)

As per usual, you'll have to head on over to YouTube to take a stab at the quiz, and once you answer, you'll see if you were right or not.

🏁

Enjoy the break, happy holidays, and see you in 2026!

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

Hello Reader, First off, I completely forgot to send this newsletter last week, so this week’s has all my content from the past two weeks. As for the main topic of this week, after eight years, I’ve finally redesigned my homepage. For someone who talks about CSS all the time, I was a little embarrassed that I hadn’t redesigned it sooner. I think the old design was fine, and aged pretty well, but it wasn’t really anything great either. The new one is a bit more of a minimal approach, but where...

View this email in your browser (or share it with a friend!) Hello Reader, First off, thanks to everyone who let me know my emails were being flagged as phishing. Apparently, Gmail (and maybe some others?) started flagging YouTube’s shortened links, which are the ones they give creators to copy/paste quickly… Gotta love big companies flagging their own shortened URLs, but whatever, hopefully this one gets through without any issue! As for the topic of this email, it’s become a tradition for...

View this email in your browser (or share it with a friend!) Hello Reader, It’s hard to pick one thing because there is so much to pick from right now, but I think my favorite new CSS feature is anchor positioning. Check out this navigation that I’ve put together for a project I’m working on, where the underline and link highlight is all from a single pseudo-element. That’s all done with something like 20 lines of CSS! And, with a handful more, I created a decent fallback for browsers that...