Uploaded March 2026 | Updated September 2026, 2 weeks ago
Adam Argyle was on the job hunt, and some of the technical interviews were not quite what he expected.
Adam Argyle was on the job hunt, and some of the technical interviews were not quite what he expected.

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
β Timestamps
00:30 - The setup0
01:30 - The animation
02:00 - linking the animation to the scroll position
03:30 - controlling the animation
#css
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! Scroll-driven animations without any JS](https://i.ytimg.com/vi/bBh8fpb3h5c/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
βTimestamps
00:00 - Introduction
03:02 - Creating Custom Elements
06:11 - Understanding Shadow DOM
08:54 - Lifecycle Hooks in Web Components
12:03 - Event Listeners and Memory Management
14:45 - Implementing Validation Logic
17:50 - Error Handling and User Feedback
36:13 - Defining Properties and Error Handling
39:10 - Customizing Error Messages
49:42 - Styling Web Components
01:00:18 - Enhancing User Experience with CSS Parts
01:10:06 - Resources for Learning Web Components
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! Create a reusable Web Component from scratch](https://i.ytimg.com/vi/b_x3kzapvcI/mqdefault.jpg)


π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
β Timestamps
00:00 - Introduction
00:42 - how the original works
02:20 - refactoring to have a single psuedo-element
04:00 - creating and connecting to an anchor
09:00 - using a transition delay to prevent it from jumping
13:10 - fixing the bottom row
#css
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! Directionally aware button effect without JavaScript](https://i.ytimg.com/vi/bjw0ka0raMA/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! 5 CSS tips every developer should know](https://i.ytimg.com/vi/bssZTv3BgkE/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! Can I code up this UI in 10 minutes?](https://i.ytimg.com/vi/bwn1lIQUPLE/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! Theres a better way to control stacking in CSS](https://i.ytimg.com/vi/cNS0qWHEq58/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
β Timestamps
00:00 - Introduction
01:45 - Using Flexbox
04:20 - Using a container
06:10 - Using contain on the inner element
08:05 - Final solution: Adding a fit-content to the parent
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! How to ignore an elementβs size (and why youβd want to)](https://i.ytimg.com/vi/cS05Sd77sBE/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
β Timestamps
00:00 - Introduction
01:45 - limitation of the shadow dom
03:45 - taking advantage of custom properties
06:30 - going even further with style queries
08:45 - changing layouts with style queries
11:45 - you can combine them with other types of queries
#css
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! Breaking Through the ShadowDOM with Style Queries](https://i.ytimg.com/vi/ckWk4MA8CPI/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
β Timestamps
00:00 - Introduction
00:30 - basic usage
00:55 - select elements that come after
01:45 - select elements that come before another element
04:40 - select all the siblings of a given element
07:10 - counting how many children an element has
08:18 - bonus tip: nth-child of s along with :has()
#css
β Keep up to date with everything Im up to https://www.kevinpowell.co/newsletter
π¬ Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK
β Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co
π Start writing CSS with confidence with CSS Demystified: [https://cssdemystified.com](https://cssdemystified.com/)
π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! :has() is more than a parent selector](https://i.ytimg.com/vi/cxSowU9sDdU/mqdefault.jpg)

π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
β Timestamps
00:00 - Introduction
00:10 - inset
01:15 - isolation: isolate
05:00 - fit-content
08:40 - aspect-ratio (and object-fit)
11:05 - text-wrap: balance (and pretty)
#css
β Keep up to date with everything Im up to https://www.kevinpowell.co/newsletter
π¬ Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK
β Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co
π Start writing CSS with confidence with CSS Demystified: [https://cssdemystified.com](https://cssdemystified.com/)
π Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/
Help support my channel
π¨βπ Get a course: https://www.kevinpowell.co/courses
π Buy a shirt: https://cottonbureau.com/people/kevin-powell
π Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join
π§βπ» My editor: VS Code - https://code.visualstudio.com/
π My theme: One Dark Pro Var Night
π€ My font: Cascadia Code
Im on some other places on the internet too!
If youd like a behind the scenes and previews of whats coming up on my YouTube channel:
Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
And whatever you do, dont forget to keep on making your corner of the internet just a little bit more awesome! CSS properties that solve annoying problems](https://i.ytimg.com/vi/dQ8_F4LPCs8/mqdefault.jpg)