Nesting crash course, a fun gradient trick and a really hard quiz


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

Hello Reader,

A very short email this week, with a little less content than usual. Between the Black Friday Sale, my Smashing workshop, and a few other things, it’s been pretty hectic! Luckily I knew this was all coming and made some regular content for all of December already 😅.

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

Getting started with CSS Nesting

video preview

CSS Nesting is awesome, though there are a few important things to know about it, which I break down in this video.

⚡ Raindbow gradient with only 2 color stops?!

video preview

The title of this one says it all 😅.

📝 Quiz time!

A few weeks ago I had a tricky selector question that most people got wrong (only 14% got it correct!). This one's tricky too, but a bit different: Only one of these selectors is valid, which one is it?

  1. :is(> *)
  2. :has(> *)
  3. :not(> *)
  4. :where(> *)

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.

🏁

Hoping to have a podcast episode out next week, as well as a more regular version of this newsletter.

Until then,
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.
600 1st Ave, Ste 330 PMB 92768, Seattle, WA 98104-2246

Hi! I'm Kevin

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, First off, thanks to everyone who let me know my emails were being flagged as phishing. Apparently, Gmail (and maybe some others?) started flagging YouTube’s shortened links, which are the ones they give creators to copy/paste quickly… Gotta love big companies flagging their own shortened URLs, but whatever, hopefully this one gets through without any issue! As for the topic of this email, it’s become a tradition for...

View this email in your browser (or share it with a friend!) Hello Reader, Before we dive into the content of this one, I want to let you know that this will be the last newsletter of the year, and I’ll be back in your inboxes sometime in mid-January. I’ll still have YouTube videos coming out, so you can keep an eye out over there by making sure you’re subscribed (only like 4,000 away from 1 million!). I’ll also do a quick roundup of all the content I put out once the newsletter resumes. With...

View this email in your browser (or share it with a friend!) Hello Reader, It’s hard to pick one thing because there is so much to pick from right now, but I think my favorite new CSS feature is anchor positioning. Check out this navigation that I’ve put together for a project I’m working on, where the underline and link highlight is all from a single pseudo-element. That’s all done with something like 20 lines of CSS! And, with a handful more, I created a decent fallback for browsers that...