We can animate to `auto` now!


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.

🏁 </newsletter>

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
113 Cherry St #92768, Seattle, WA 98104-2205

Hi! I'm Kevin

Every week I share what I've been up to over on YT (and elsewhere), and also my general musings.

Read more from Hi! I'm Kevin
video preview

Hello Reader, In a little under three weeks from now, I’ll be doing a two-day workshop with Frontend Masters which I’m super excited for. First, it will be great to do a live workshop with some in-person students (you can also attend remotely). One problem with teaching via YouTube, or even my courses, is the lack of immediate student feedback. It’s beneficial for the students when they can have questions answered on the spot, but there is a bit of a selfish motivation from me as well! For...

Hello Reader, I'm writing this while sitting at the airport waiting for my flight back home, after having an amazing time at Smashing Conference! Standing on stage with Vitaly Just like when I was at CSS Day, there were a few names that I was like "wait, I'm sharing a stage with them?!" One of those was Brad Frost, who I'm going to assume a lot of people reading this are aware of (he's the guy behind the concept of Atomic Design). The other was Jessica Hische, who isn't as well known in the...

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