profile

Hi! I'm Kevin

CSS Patterns, nesting gotchas, and AI is a dead end?

Published about 2 months ago • 3 min read

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

Hello Reader,

The pattern of shorter newsletters continues for me, as I continue my prep for CSS Day.

I’m writing this on Thursday morning (my normal newsletter writing time), and yesterday, as I was rehearsing my talk, I realized I had a pretty big oversight in my talk, so I spent the rest of the day reshuffling things and updating the demos I’m using.

It all means it’ll be a stronger talk, but I’ll be on the plane to the Netherlands as you get this email in Amsterdam, since I forgot to schedule sending it, so I’d have much rathered this not have happened close to when I leave 😅.

I also wanted to mention that if you are in or around Amsterdam but can’t attend CSS Day itself, there is the completely free Web You Want Conf happening on June 10th. There are still tickets available, and CSS Cafe is also putting on a free popup event on June 13th.

I don’t think I’ll be at the Web You Want since I’m travelling with my wife this time around, and there’s only so many web events I can drag her to, but I will be at the CSS Cafe event.

If you are going to be at CSS Day or the CSS Cafe event, please do make sure to stop me and say hi, and if you like stickers, I’ll have some that I’m giving away as well 😊.

📺 Three CSS patterns I use in every project

video preview​

A quick look at three of my favorite patterns, the .stack, .pile, and .prose.

I’ve talked about these before, but I tried to share a few ways that I use them, and some different use cases for the .pile than might seem obvious at first.

⚡ Two NSS nesting gotchas

video preview​

Native CSS nesting is awesome, but there are a few side effects you need to watch out for.

🎙️AI Coding is a dead end

video preview​

I realize the title of this one is a bit click-baity, but my video from two weeks ago was a bit of a downer, and I wanted something more upbeat, so in this one, I talk about how, even as AI becomes more promninate, actually having skills is still important, and the only way to have them is by coding some things yourself still.

🔗 Other awesome stuff from around the web

📝 Quiz time!

Which HTML attribute is used on a button to open or close an element that has the popover attribute, without writing any JavaScript?

  1. popovercontrol
  2. popovertarget
  3. popovertoggle
  4. togglepopover

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.

​

🏁

Very good chance there’s no newsletter next week, so until I am back in your inbox, cheers!

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

8 days ago • 1 min read

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

15 days ago • 2 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...

22 days ago • 3 min read