Kevin Powell Courses

Create a Fun Cursor-Following Effect with Pure CSS

Discover how to create an interactive cursor-following bubble effect using pure CSS anchor positioning, animations, and pseudo-elements in this hands-on tutorial.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

CSS :has() Selector - Beyond Parent Selection for Advanced Element Targeting

Explore advanced CSS :has() selector techniques beyond parent selection - target siblings, count children, and combine with nth-child for powerful styling control.

• YouTube
• 12 minutes
• Self-Paced
• Free Video

HTML and CSS for Absolute Beginners

Master HTML & CSS fundamentals from scratch - build your first website with semantic markup, styling, layout basics, and responsive design principles in this comprehensive beginner tutorial.

• YouTube
• 5 hours 35 minutes
• Self-Paced
• Free Video

HTML and CSS for Beginners

Master HTML and CSS fundamentals through hands-on practice, building from basic markup to complete web pages with styling, layout techniques, and real-world projects.

• YouTube
• 4 hours 54 minutes
• Self-Paced
• Free Video

CSS Custom Properties - An Introduction to CSS Variables

Discover CSS custom properties (variables) and their advantages over preprocessors, including browser support strategies and JavaScript manipulation techniques.

• YouTube
• 55 minutes
• Self-Paced
• Free Video

Build Smarter Color Systems with Relative Colors

Discover how CSS relative colors revolutionize color systems by creating dynamic variations from base colors, making design more flexible and maintainable.

• YouTube
• 11 minutes
• Self-Paced
• Free Video

3 Powerful CSS Nesting Tricks

Discover 3 creative CSS nesting techniques to better organize stylesheets: centering text with max-width, using nesting for modifiers, and forcing styles for stacking contexts.

• YouTube
• 12 minutes
• Self-Paced
• Free Video

Goodbye VS Code - Exploring Zed Editor Features and Setup

Explore Zed editor as a potential VS Code alternative, covering setup, customization, profiles, extensions, and AI features for web developers.

• YouTube
• 37 minutes
• Self-Paced
• Free Video

Turning a Common UI Pattern into a Web Component

Master creating reusable Web Components by transforming common UI patterns into custom elements with Shadow DOM, validation logic, and advanced styling techniques.

• YouTube
• 1 hour 13 minutes
• Self-Paced
• Free Video

Getting Started with CSS Nesting

Discover CSS Nesting fundamentals, best practices, and the ampersand character while avoiding common pitfalls and over-nesting in modern web development.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

How to Set Custom Error Messages for Your HTML Forms

Master HTML form validation by creating custom error messages using the Constraint Validation API for better user experience and accessibility.

• YouTube
• 39 minutes
• Self-Paced
• Free Video

Common CSS Layout Misconceptions

Uncover the truth behind flex: 1 behavior and why Grid isn't more complex than Flexbox through practical examples and direct comparisons.

• YouTube
• 20 minutes
• Self-Paced
• Free Video

CSS :heading and :heading() Pseudo-Classes - New Heading Selectors in Firefox

Explore the new :heading and :heading() CSS pseudo-classes now available in Firefox Nightly, learning how to select and style heading elements more effectively.

• YouTube
• 12 minutes
• Self-Paced
• Free Video

A CSS Trick to Select a Specific Row with Grid Auto-fit/fill

Master advanced CSS Grid techniques to target specific rows when using auto-fit/fill, including first, last, and middle row selections with container queries and modern CSS features.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

5 CSS Fouls That I See Way Too Often

Discover 5 common CSS mistakes that hinder web development and learn practical solutions to write cleaner, more effective stylesheets with proper browser compatibility.

• YouTube
• 13 minutes
• Self-Paced
• Free Video