profile

Hi! I'm Kevin

Dynamic numbering, useless keyframes, the state of HTML, and more

Published over 1 year ago • 3 min read

Hello Reader,

Lots to share this week, so we’re going to open with some quick hits!

  • I’ll be speaking about smart layout patterns with modern CSS at Smashing Conf New York on Oct 6-10, and there are still a few tickets left if you’re interested, and this link gets you 15% off the regular price.
  • If you can’t make it to that, on October 24th I’ll be talking at JetBrain’s JavaScript Day, talking about how all the things you don’t need JavaScript for. This one’s remote and free!
  • The State of HTML Survey is now opened! The more people who answer it, the more representative it is, so take a few minutes to take it! Plus, they have that awesome reading list feature now that you can use to create a custom list, including links to resources, to learn about all the new things you come across while taking it.

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

The Evolution of CSS

video preview​

When I was at THAT Conference earlier this year, I had a chance to sit down with Tracy Lee and Rob Ocel of This Dot Labs, where we recorded an episode for their Modern Web podcast.

It was a fun conversation where we talked about the old days of the web to all the amazing things we have today, some of my favorite new things, and a lot more 🙂.

Dynamic numberings with CSS Counters

video preview​

I did a very quick look at this in last week’s Short, and I was going to wait a bit longer to record a longer video on them, but it was so front of mind I figured I might as well do it right away.

In my Short, I was only able to look at the very basics of them. In this one, I cover those at a bit of a slower pace, but then also take a look at different ways you can use them, how you can change the types of characters, how they increment, how to have them count backwards, and more.

And the best part? Everything is super easy to do!

Remove useless keyframes from your CSS animations

video preview​

Speaking of Shorts, this week’s one is a quick look at how you can combine or skip some keyframes.

🗓️ Mark your calendar

video preview​

I’ll be doing a livestream this Tuesday where I’ll be creating something a bit more than a standard CSS Reset, hopefully with the help of those who are there live.

I say more than a Reset for a few reasons, which I’ll mention on the stream, but also because we’ll be going into more of a starting boilerplate with a few useful layouts and other things.

Once it’s done, I’ll share the final version, and if you can’t make it live, the replay will be up afterwards and I’ll share the link to it next week.

I’ll be starting around 12pm ET, and if you click the link above, you can get that in your local time and also set a reminder on YouTube.

🔗 Other awesome stuff around from the web

I haven’t been on the CodePen trending page for a little while, but I decided to check it earlier this week and this CSS-only, scroll-driven Doom game by Adam Kuhn was the first thing I saw, and I felt like I had to share it.

That sent me down a bit of a rabbit hole of looking at CodePens, so here’s some quick hits of fun ones I found!

🏁

I almost wrote have yourself a great week, but as I said off the top, I’ll be back in your inbox tomorrow with a special announcement.

I stick with the one email-a-week thing because I want to respect your inboxes, but I’ve got something I’m very excited about and that I’ve never done before, so I sort of wanted to make a big deal out of it with a special Monday email 🙂.

Kevin

​Unsubscribe · Preferences​
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.

Read more from Hi! I'm Kevin

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. 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...

6 days ago • 2 min read

View this email in your browser (or share it with a friend!) Hello Reader, First up, make sure you update your browser, because there is a zero-day CSS vulnerability. In other news, one of the joys of being over forty is managing to throw out your back while you sleep. Luckily I already had a physio appointment lined up this week for another injury… so yeah, things are going great over here! Other than that, things are going well, though. I’ve made some good progress on my big update of CSS...

13 days ago • 4 min read

Hello Reader, Back in October, I travelled to Minneapolis to create a course with Frontend Masters, and while I was there, I recorded my experience so that I could share a behind-the-scenes look at what it was like. The first two videos in that series are now up on my second channel. This is something I’ve never done before, so there are some rough edges here and there, but I’m pretty happy with how they turned out! The final two episodes will come out this week. 🙋♂️ What I’ve been up to this...

20 days ago • 3 min read