profile

Hi! I'm Kevin

CSS Debugging, style queries as dynmaic classes, and more

Published 2 months agoΒ β€’Β 3 min read

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

Hello Reader,

The shorter summer version is still in effect, but I had several DMs and emails this week asking me about my overall approach to writing CSS, and I wanted to let you know that I do have a Frontend Mentor course where I cover exactly that.

In the course, we build out a project based on a Figma design, starting from scratch. Throughout, I make a point of emphasizing my thought process on the decisions I’m making along the way, and we also have some fun diving into some modern CSS solutions, and even a tiny bit of JavaScript!

If you use the link above, you’ll get 25% off and have access to the entire Frontend Mentor library (it is also an affiliate link, so it also helps support me as well).

πŸ™‹β€β™‚οΈ What I’ve been up to this week

CSS Debugging Tips

video preview​

In this one, I take a look at how to easily find overriding styles, forcing :hover and :focus, finding mystery overflows, and a few other things.

⚑ Quick tips of the week

Shorts are back, and the tip of the week will be back next week.

This week's Short is a quick look at how we can use style queries to act like dynamic modifier classes.

video preview​

​

πŸ“ Quiz time!

Which of the following CSS properties allows us to resize image elements within their boxes, the same way we can do `background-size: cover` or `background-size: contain` for background images?

  1. image-position
  2. image-size
  3. object-fit
  4. object-size

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.

​

🏁

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.
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, I’m going to keep the intro short on this ones because there is a lot going on in the What I’ve Been up to section, but before we jump into into that, two quick things: As an experiment for Interop 2026, Jake Archibald and the team at Firefox habe put together a way to gather more feedback on what features matter most to developers. So, if you head on over here, you can pick the proposals that are important to you, and...

1 day agoΒ β€’Β 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, A few weeks ago, I posted a video about the current state of the internet after I had a terrible AI-generated CSS article showing up in my news feed. I was saddened by how it was getting priority over quality content from sites like Piccalilli, Smashing Magazine, CSS-Tricks, and countless other excellent sources (I’ve put a bunch in the other links around the web section below if you’re looking for more to follow). At...

8 days agoΒ β€’Β 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, It's been a while since I've had a long newsletter... I know some people prefer these, so if you're one of them, here we go (and for the rest, you can skim down to the next section πŸ˜‰). Also, stick with me, because this is going to tie back into web development in a second, but I grew up downhill skiing since the age of two or three. From the age of seven until sometime in my twenties, I skied every weekend throughout...

16 days agoΒ β€’Β 7 min read