profile

Hi! I'm Kevin

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

Published almost 2 years 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, As part of my Asked 100 Devs game that I’m doing, I asked developers which CSS property they have to look up the syntax for most often. The video is in the section below, but one thing that I didn’t think of when putting the question together was that people often look a lot of things up 😅. I probably could have phrased the question better, asking about what they look up the most often, but I think it raised an...

6 days ago • 3 min read

View this email in your browser (or share it with a friend!) Hello Reader, A few years ago there was a common scam on YouTube where people would create fake accounts with the same profile picture as creators, but use a WhatsApp number as the name on the account, and then they'd use a bot to mass-reply to people saying to give them a call. It was a big problem, and I would actually get replies to those comments, as well as DMs and emails from people who tried to contact the number. As with...

13 days ago • 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, Sometimes it can be hard to build momentum, and there are more and more things in our way now than ever. Social media has been one of the big ones for a long time now. For me, it can be an issue because it's part of my job. I probably should use some sort of scheduling app, but I tend to just go to Bluesky to post something, and then get distracted reading my feed. One issue I know more people are having is context...

20 days ago • 5 min read