profile

Hi! I'm Kevin

CSS Debugging, style queries as dynmaic classes, and more

Published 6 days 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!

This will be easier for the old-school devs out there: Which CSS property do we use to ensure that an element will go under, rather than next to, a floated element?

  1. clear
  2. float
  3. overflow
  4. position

If this one was a bit too easy, we’re going to be slowly ramping up the difficulty over the next handful of weeks 🙂

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)

Conquering Responsive Layout

A free course to help you approach responsive layouts with the right mindset.

​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 →​

Advanced

Beyond CSS

An advanced course that dives into project architecture, theming, design systems, and more.

​Enroll →​
​

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

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, A quick reminder that I’m in summer vacation mode for the next 2-3 weeks, which means these newsletters won’t have any general musings to start them off, and there will be a bit less content than usual. If you’d like to opt out of these shorter ones, you can click here to update your preferences, and I’ll only send you one again once the newsletter is back in full force. 🙋♂️ What I’ve been up to this week Spice up your...

13 days ago • 3 min read

View this email in your browser (or share it with a friend!) The State of HTML survey is now opened! Hello Reader, This week, we’re taking a break from the shorter summer versions of the newsletter. We’ll be back to the shorter summer version next week. Last week I asked about whether or not you use em units… and I do apologize for the survey being closed for a lot of you, I hit my limit much faster than I’d anticipated, and probably should have just used a simple Google form for that one…...

20 days ago • 4 min read

View this email in your browser (or share it with a friend!) Hello Reader, The summer edition of this newsletter is in full force, meaning it’s much shorter than normal. If you’d like to pause receiving this newsletter until they return to normal (sometime around mid-August), you can click here to update your preferences. Also, a big thank you to everyone who answered my survey on using em units, and sorry if it was closed when you submitted it, I hit my limits much faster than I'd...

27 days ago • 3 min read