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?
1 day ago | [YT] | 123
View 27 replies
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
View 0 replies
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/
2 days ago | [YT] | 324
View 15 replies
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.
5 days ago | [YT] | 18
View 2 replies
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
View 5 replies
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
View 60 replies
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
View 22 replies
Kevin Powell
QUIZ TIME! In native CSS nesting, which symbol references the parent selector?
3 weeks ago | [YT] | 184
View 20 replies
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
View 2 replies
Load more