Helping you learn how to make the web, and make it look good while you're at it.

With weekly videos and shorts, I'll be bringing you How Tos and Tutorials, as well as simple tips and tricks, with a big focus on helping people see how wonderful CSS is!


Kevin Powell

QUIZ TIME! Did you know that when declaring a colour with a hex code, you can provide it with 8 characters, and if you do, the last two are for the alpha value (opacity)? Well, you know now... and in knowing that, which of these would make an orange colour that has a 50% alpha value?

2 days ago | [YT] | 165

Kevin Powell

The second channel is back up and running, and this week I go a bit off topic, talking about how maybe I'm doing a few too many things, and only realizing it after having taken a bit of a break.

2 days ago | [YT] | 21

Kevin Powell

Everytime I use my DevTools to debug some CSS in my videos, I get questions about a lot of the features that I take for granted, which made me realize I probably shouldn't assume everyone knows about them, lol. To help remedy that, I've teamed up with Amit Sheen to create a DevTools for Beginners course, which you can find here: devtoolsforbeginners.kevinpowell.co/

3 days ago | [YT] | 364

Kevin Powell

I started listening to ‪@ShopTalkShow‬ before I started my YouTube channel, so it's pretty special to have been a guest all this time later! Of course the "professional content creator" is the one who's camera freezes 🙃 . At least the frame it froze on was a good one I guess, lol.

6 days ago | [YT] | 18

Kevin Powell

QUIZ TIME! By default, CSS Grid creates a new row for every direct child. Which of these would I use if I wanted it to make columns instead?

1 week ago | [YT] | 126

Kevin Powell

If you are going to write an HSL value in CSS, do you use commas, or spaces? Also, please comment on whether you use units or not... you could do `hsl(10deg, 25%, 50%) or `hsl(10 25 50)` for example... Or do you include percentages, but not degrees?

1 week ago | [YT] | 92

Kevin Powell

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?

2 weeks ago | [YT] | 171

Kevin Powell

QUIZ TIME! In native CSS nesting, which symbol references the parent selector?

3 weeks ago | [YT] | 184

Kevin Powell

Heard from a few people recently that they'd like to be able to set a max column count when using grid with auto-fit or auto-fill. It would be handy if there was a feature that could do this, but it's possible now with a little bit of math, as I explore in this video. Once you have the code snippet, you can re-use it easily thanks to all the important numbers being custom properties (here's a codepen of it, if you don't want to bother with the video: codepen.io/kevinpowell/pen/GgRwqxJ)

4 weeks ago | [YT] | 117