Hello Reader,

Next week is the last week of school for my kids… which is insane because how did we manage to get this far into the year already?!

It also means that I’ll be doing a little less work than usual, as there’ll be a bit more family time, activities, and travels going on, especially through July for me.

I’ll still be putting out this newsletter, and I have a backlog of YouTube videos recorded, so the regular stuff will keep on coming out.

There’s this thing with having that type of work regularly come out that can sometimes make people think I’m more productive than I am.

That's not to say that I'm never productive; it's just that even in periods of unproductivity, because almost everything I do is public-facing, it can seem like I'm doing a lot when it's no more than a normal person does.

Originally, this week’s podcast episode was going to go into some detail on this… but then I never got the episode put together 😆.

I’ll probably have that one come out next week instead… and as for getting back into the groove, I have some deadlines, which is a good way to get the ball rolling again.

Whatever does happen, I’ll have to power through a fair bit of work this week, and then I can breathe a little and relax with the family 😊.

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

Seems that not enough people know about these pseudo-elements

​

On a recent quiz, only 34% of people correctly identified which choice wasn’t a valid pseudo-element, which means not enough people know about ::marker and ::selection!

Getting started with CSS Style Queries

​

Style queries are going to change the way that we write CSS, and my front-end friend, and to celebrate how awesome they are, and to help raise awareness about them, this video is kicking off a mini-series here on this channel called Style Query Spotlight.

⚡ Quick tips of the week

• YouTube Short: Take control of your list styling with ::marker​
• HTML & CSS Tip of the week: calc-size()​

📝 Quiz time!

Which of the following is NOT a valid selector?

• :dir(rtl)
• :focus-within
• :is(.foo, .bar)
• :nth-column(2n+1)

If you'd like to take a guess, you can submit your answer here, and see what the c... and just so you know, only 20% of people have got this one right out of over 7,000!

🔗 Other awesome stuff around from the web

• ​How to convince your boss to sponsor Open Web Docs​
• ​What I Wish Someone Told Me When I Was Getting Into ARIA​
• ​How to Keep Up With New CSS Features​
• ​A cool helper to better understand vertical font metrics​
• ​Animating zooming using CSS: transform order is important… sometimes​
• ​CSS Color Functions​

🏁

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