profile

Hi! I'm Kevin

We can animate to `auto` now!

Published almost 2 years ago • 1 min read

Hello Reader,

A day late with my newsletter this week, mostly because I completely forgot to write it last week!

I have a spot on my calendar for writing my newsletter, but I was really immersed in a project I’m working on and told myself that I’d do it later, and then I simply forgot 😅.

I’ll have some news on what that project is soon-ish, but since it’s Monday morning and I’ve got a few other things that need doing as well, let’s just jump into the main content!

📅 Mark your calendar

I’m going to be talking at JetBrains JavaScript Day 2024 edition this Thrusday.

It’s a remote conference and completely free!

As the name of the conference implies, it’ll be very JS heavy, with some really good talks lined up, but I’ll be there to play a bit of a spoiler with my talk You don’t need JavaScript for that.

Again, it’s a free event that you can register for here.

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

As I mentioned, a lot of my week was spent working on a project that I’m really excited about.

I almost started working on it again this morning because I’m so excited for it… but I have a lot of other things that need doing, so I’m doing my best to put it on pause for a little bit.

But I did have a regular video as well, and this one on interpolate-size: allow-keywords is one of the new CSS features that I’m so happy we finally have!

video preview​

That’s right, we can animate to and from auto, and any other intrinsic size now.

Here's a CodePen with the code from the video if you want to play around with it (currently Chromium-only).

What I didn’t cover in the video was the also new calc-size() feature, which can take animating to and from auto to another level because we could use that to do calculations based on auto (and other intrinsic sizes).

​Bramus’ article on the Chrome for Developers blog that introduced me to interpolate-size also goes into calc-size as well, if you’d like more info on both of them.

🏁

No stuff from around the web this week because I haven’t really been on the web much this past week.

It’ll be back next week though, when we’ll return to the regular Sunday schedule.

Until then, have a great week!
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!) PRE-S: You can help shape the future of the web by ranking the Interop 2027 proposals. There are a lot of them, but they’re just asking you to pick the ones that are important to you, and rank the ones you’ve picked. I’ll probably be sharing my ranks next week. Hello Reader, So it turns out that Opus 5.5 is very good at decompiling things. This has led to some mostly silly things, like Minecraft in Elden Ring and Mario in Halo, but...

8 minutes ago • 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, I’ve been seeing questions like this one more and more often these days. I have a lot of thoughts on this that I’m trying to put together for something bigger, but these are the main reasons I keep making CSS tutorials: First, the obvious one: I like CSS! And I like to show what’s possible, and show that it can be fun and rewarding The second point, specifically showing what’s possible, I think is the important part....

7 days ago • 4 min read

View this email in your browser (or share it with a friend!) Hello Reader, Over the last couple of weeks, I’ve been surprised by how many comments I’ve gotten on YouTube asking how to decide when it’s safe to use a CSS feature, and how to handle browsers that don’t support it. So, a quick rundown on my thought process: Is it a progressive enhancement? Something like interpolate-size: allow-keywords is a great example of a time I’ll say yes. Does it really matter if something doesn’t...

13 days ago • 5 min read