Kevin Powell
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! Which of these selectors would select the element that comes directly BEFORE an element with a class of "avatar" (reposted, first version had a typo 🫣)
2 days ago | [YT] | 135
View 12 replies
Kevin Powell
Over on the second channel, I talked about some CSS features that I was surprised more people aren't aware of. https://youtu.be/YPcUnXKeiSE
2 days ago | [YT] | 38
View 0 replies
Kevin Powell
QUIZ TIME! Which of these selectors is valid?
1 week ago | [YT] | 192
View 21 replies
Kevin Powell
Colors in CSS have got the to point where we can do more with them in the browser than any design app or software can do, and I've got 2 in-depth dives into it all... but not in video format this time!
Part one dives into all the useful things you can do, even if all you do is copy/paste colors values: piccalil.li/blog/a-pragmatic-guide-to-modern-css-c…
Part two looks at the more advanced things that we can do, from creating surface levels, color schemes, and more: piccalil.li/blog/a-pragmatic-guide-to-modern-css-c…
1 week ago | [YT] | 225
View 16 replies
Kevin Powell
If you want to animate the content of a details/summary HTML element, which pseudo-element would you use?
2 weeks ago | [YT] | 102
View 10 replies
Kevin Powell
I'm doing a Black Friday sale for the very first time! Get 40% off my two main courses, CSS Demystified & Beyond CSS. As an extra bonus, you’ll get Flexbox Simplified for free with either one!
CSS Demystified: cssdemystified.com/?utm_source=youtube&utm_medium=…
Beyond CSS: www.beyondcss.dev/?utm_source=youtube&utm_medium=p…
CSS Demystified is for people who've got past the easy parts of CSS and are now feeling either a bit stuck or frustrated by it. It covers the fundamentals that don't get enough attention and that make CSS actually make sense.
Beyond CSS is my advanced course, focusing on writing code that scales, theming, and more. It's for people who are already comfortable with CSS and are looking to take the next step.
On top of that, I'm also throwing in Flexbox Simplified as a bonus with either one.
I've been selling courses for 7 years now, and this is the first time that I'm running a Black Friday sale. In fact, it's the first time I've done anything other than a launch sale, and it's the biggest discount I've ever offered on my courses.
For those of you living in regions with weaker purchasing power, you can apply PPP on top of those discounts.
For the PPP pricing, there is a coupon banner at the top of the page for your region. You'll have to turn off your VPN for it to appear.
CSS Demystified: cssdemystified.com/?utm_source=youtube&utm_medium=…
Beyond CSS: www.beyondcss.dev/?utm_source=youtube&utm_medium=p…
2 weeks ago | [YT] | 40
View 1 reply
Kevin Powell
I've been selling courses for 7 years now, and this year is the first time I'm ever doing a Black Friday sale, so I've decided to go pretty big, with 40% off both CSS Demystified and Beyond CSS. A lot more details below, if you're interested.
🔗 CSS Demystified: cssdemystified.com/?utm_source=youtube&utm_medium=…
🔗 Beyond CSS: www.beyondcss.dev/?utm_source=youtube&utm_medium=p…
CSS Demystified is my course for people who want to write CSS with confidence. It assumes you know the basics of CSS already, but that you're feeling a little stuck or frustrated with it.
It's a deep dive into better understanding why CSS works the way it does, and untangles a lot of the parts that often feel unintuitive, or even counterintuitive. It's mostly project-based, working our way up through some simpler things earlier on, before taking everything we've learned and applying it to a final project at the end.
Beyond CSS is for people who are very comfortable with CSS already and are looking to learn new tools and strategies to help write more scalable CSS.
It explores everything from class naming and general architecture, dives into build tools, and explores basic design systems, theming, and setting up a headless CMS as part of an Astro project.
I've never done a sale outside of the launch of my courses before, and I've never marked either course down by this much before... but I figured if I am finally going to do a sale, I might as well make it a big one 😊.
Also, I do offer PPP on the sale prices. There should be a banner at the top of the page with a code if you live in a qualifying country. If you don't see it, make sure your VPN is disabled.
If you have any questions, leave a comment.
2 weeks ago | [YT] | 104
View 4 replies
Kevin Powell
QUIZ TIME! Which of these would create a full rainbow gradient using only two color stops?
3 weeks ago | [YT] | 81
View 12 replies
Kevin Powell
Over on the second channel, this week I spent some time talking about modern css, with some talk on grid-lanes, random(), the range syntax coming to style queries and if(), and some general thoughts on modern css in general https://youtu.be/lLY6DLzuiaU
3 weeks ago | [YT] | 28
View 0 replies
Kevin Powell
QUIZ TIME! When using CSS Grid's repeat() syntax, which of these will continue making new columns, even if there aren't any elements to place in them (in other words, it will potentially create empty columns).
1 month ago | [YT] | 125
View 12 replies
Load more