profile

Hi! I'm Kevin

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

Published 3 months ago • 3 min read

​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 web development, most new things make things easier, and once you get used to them, often much faster as well.

The reason I mention this at all is that I put out a video this week showing how to create popovers without any JavaScript, including a nice little fade-in and slide-in/out effect.

video preview​

If there were any pushback to this, you’d think it would be about browser support (which isn’t bad!), but instead, one of the first comments on the video was that it would be faster and easier to do it with JavaScript.

Anyway, that comment triggered me a little, so I made a Short to prove them wrong 😅.

video preview​

If you’re going to say it’s faster or easier with something, at least say it’s with AI these days 😆 (and even then, I don't know if writing the prompt and then waiting for it would be under 2 minutes?).

📝 Quiz time!

You add text-box-trim: trim-both to a button, but the spacing doesn’t change. What’s missing?

  • line-height-trim: on
  • text-box-edge: cap alphabetic
  • text-box-sizing: clip
  • vertical-trim: top bottom

As per usual, you'll have to head on over to YouTube to take a stab at the quiz, and once you answer, you'll see if you were right or not.

If you'd like to learn more about text-box-trim, I took a look at it in this video.

​

🏁

With summer in full swing and the kids home, the newsletter might be slightly shorter than usual, with some of the regular sections missing. We’ll see how it goes from week to week, though 🙂.

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

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

6 days ago • 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, The end of the week snuck up on me a little this week, so no ramblings to kick things off this week. 🙋♂️ What I’ve been up to this week 📺 Use these CSS features instead of JavaScript A lot of the little bits of JavaScript are added to projects exist because CSS couldn’t do the job at the time (or we didn’t know that CSS could). Modern CSS can do a lot now, but there are a lot of older features people either forgot...

13 days ago • 3 min read

View this email in your browser (or share it with a friend!) PRE-S: After years of people telling me how amazing an event it is, I’m so thrilled to let you know that I’ll be speaking at Beyond Tellerrand in Düsseldorf in April of 2027. Even though they've just started to announce speakers, tickets look like they are selling fast... just saying 😉 Hello Reader, I wanted to talk about something else this week, but I’ve stuck it in my draft for next week instead, because I think what’s currently...

20 days ago • 3 min read