offset-path can do more than I realized

Published 1 day ago • 1 min read

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

Hello Reader,

The shorter summer edition of the newsletter continues as I’m in the middle of some travels with my family.

Still have some content being put out, though!

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

The most fun I’ve had with CSS in a while thanks to offset-path

Eric Meyer’s talk at CSS Day was about offset-path, and it made me realize that I didn’t realize how easy it was to use! I thought we had to use it with SVGs, but it turns out, it can work with any element, which opens up some fun possibilities.

You can find the finished version of my button from the video here.

⚡ Easily transition to and from display: none

In my last two Shorts, I’ve looked at the dialog element, so this time I look at how we can create entry and exit transitions.

🏁

Have a fantastic week!
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

The greatest landing page ever challenge

View this email in your browser (or share it with a friend!) Hello Reader, A few months ago, I pitted the F1 team websites against each other, and I thought it would be fun to make a landing page for a fictional team that could at least challenge the few teams who’d done a good job with theirs. I was pretty happy with what I’d come up with, but just as I was putting the finishing touches on it, Jason Lengstorf, of Learn with Jason and Leet Heat fame, reached out to let me know about a...

8 days ago • 2 min read

When someone tells me it's easier with JavaScript...

View this email in your browser (or share it with a friend!) Hello Reader, From my experience, there are a few reasons people push back on new things, but the most common one I see revolves around people preferring the old way of doing things. This makes sense, because they are comfortable with what they are used to, rather than the new way, which is different. When something new comes along, that means they have to learn it, which for a lot of people means that it’s slower. The thing is, in...

15 days ago • 3 min read

Are we entering into an era of stagnation?

View this email in your browser (or share it with a friend!) Hello Reader, Last week on my second channel, I asked a question near the end of the video about whether or not people are worried that, thanks to more and more people using AI to write code, there would be less pressure on languages to evolve. That led to a lot of interesting comments, with a bit of a split on people’s opinions. The two main arguments were: AI producing more and more code just builds up the training data on the...

22 days ago • 4 min read

Hi! I'm Kevin