profile

Hi! I'm Kevin

Goodbye VS Code!

Published about 3 hours ago • 3 min read

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


Hello Reader,

I hope all of my American readers had a fantastic Thanksgiving, and everyone else is having a nice weekend 😊.

Every year, when we hit December (which is tomorrow!), I realize the end of the year is almost here and wonder how the heck it went so quickly!

It always feels like there's still so much to do, and while I’ll be doing a proper year-in-review once we actually hit 2026, taking a quick stock of what I’ve done this year, I can’t complain too much… It’s been a pretty good (and busy) year.

One of the most recent changes for me this year might be switching from VS Code to Zed! More on that just below.

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

Goodbye VS Code!

video preview​

When I learned that the Zed editor was available on Windows, I tried it out to see what all the fuss was about, and I ended up really liking it!

I’ve been using it instead of VS Code for over a month now.

It’s not as feature-rich as VS Code, so it might not be the right fit for you, but I've really been enjoying it.

​In this video, I take a look at getting set up with it.

You can get it here if you’re interested in trying it out as well 🙂.

One of the most common questions I’ve had about it so far has been how to get Live Server working with it. I will be putting out a quick video on it tomorrow, but in the meantime, you can use npx live-server and you’re good to go (as long as you have npm installed).

Turning a common UI pattern into a web component

video preview​

Last week, Michael Warren joined me to explore a web component that he created based on a form group I had made from one of my older videos, and this week he’s back to teach me how to create it myself.

You can find the final version of it here.

⚡ This selector targets external links

video preview​

There’s a lot that you can do with attribute selectors, including looking for links that start with http, which generally will mean they’re an external link.

As some commenters have mentioned, that's not a sure-fire way of knowing something is an external link. You could use it combination with :not() with your actual URL, or a few other tricks, if you'd like.

Either way, it might not be perfect for all situations, but it's still pretty neat!

🔗 Other awesome stuff from around the web

First up, both Josh Comeau and Piccallili have big roundups of Black Friday sales currently running.

Next, a handful of videos to share this week, and a great article.

📝 Quiz time!

If you want to animate the content of a details/summary HTML element, which pseudo-element would you use?

  1. ::content
  2. ::details-content
  3. ::details-inner
  4. ::details-summary

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.

​

🏁

Two important notes/reminders to close things off this week:

Have a fantastic week!
Kevin

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

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, My Black Friday sale kicks off today, and it's a big one: 40% off of CSS Demystified and Beyond CSS. Being the first non-launch-related sale I've ever done, I figured to make it a big one, so on top of that, I'm also throwing in Flexbox Simplified as a bonus with either one. The sale runs today, up through the end of the day on December 1st. As for the two courses that are on sale: CSS Demystified is for people who've...

5 days ago • 1 min read

View this email in your browser (or share it with a friend!) Hello Reader, Before we get to the content this week... thanks to Bill, I've just realized I missed sending out last week's newsletter, even though I wrote it! In it, I'd originally talked about the new name for masonry, which is display: grid-lanes. I've included the video where I talk about it in more detail down below. And speaking of masonry, it brings up what I wanted to talk about this week, which is how the term Modern CSS is...

7 days ago • 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, Every year Black Friday rolls around, I get asked if I'll be doing a Black Friday sale, and every year my answer is "nope, I don't do sales on my courses." This year, I've changed my mind and will be having a Black Friday Sale. I'll be running my first Black Friday sale in 7 years, starting next Tuesday, November 25th, and it'll run through to Cyber Monday. The sale will be for my two main courses, CSS Demystified and...

12 days ago • 1 min read