Kevin Powell Courses

Cloning CSS Day Effect Using Modern CSS

Learn to recreate a fun CSS effect from CSS Day using modern techniques. Explore grid layouts, image positioning, and hover effects to enhance your web design skills.

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

Dynamic Numbering with CSS Counters

Explore dynamic numbering with CSS counters, from basic implementation to advanced techniques. Learn to create, increment, and customize counters for enhanced web design.

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

CSS Quiz: Evaluating AI Models' Performance

Explore AI's CSS knowledge through a quiz, revealing strengths and limitations. Gain insights into machine learning's understanding of web styling concepts.

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

Creating a Rotating Gradient Border Effect with CSS

Master CSS gradient animations by recreating a rotating, blurred border effect with conic gradients, masks, and pseudo-elements. Learn advanced techniques for creating dynamic visual effects through practical implementation.

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

Creating a Clean, Modern Navigation with HTML and CSS

Learn to create a modern, clean navigation using HTML and CSS, with step-by-step guidance on layout, styling, and animation techniques for an enhanced user interface.

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

Choosing the Right CSS Unit - A Flowchart Guide

Comprehensive guide to selecting appropriate CSS units, covering positioning, font sizes, spacing, and layout. Includes a practical flowchart and in-depth explanations for various scenarios.

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

CSS-Only Text Reveal Scroll Effect Tutorial

Learn to create a CSS-only text reveal scroll effect, including gradient text, animation timing, and matching the original design in this hands-on tutorial.

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

Embracing New CSS Patterns for Better Solutions

Explore innovative CSS techniques to enhance your coding skills, challenging familiar patterns and embracing new methods for improved web development practices.

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

Flexbox or Grid: Solving Layout Challenges

Explore five layout challenges comparing Flexbox and Grid usage, with insights from the Discord community and Kevin Powell's expert analysis.

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

Named Grid Lines in CSS - Underrated and Useful Feature

Discover the power of named grid lines in CSS. Learn three advanced techniques to enhance your layouts, including breaking out of sections, creating overlapping grid areas, and using subgrid.

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

Awesome Filtering Animation with Vanilla JavaScript

Learn to create an interactive filter list with vanilla JavaScript, including button updates, event filtering, and smooth animations using the View Transitions API.

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

Smart Design Patterns with Container Queries

Explore advanced container query techniques for creating responsive, font-size-aware designs. Learn to leverage units effectively for smart layouts and discover bonus features with :has().

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

Simple Details and Summary Animation with Pure CSS

Master modern CSS techniques to create smooth animations for details/summary elements, exploring interpolate-size and pseudo-elements for enhanced user interactions.

• YouTube
• 13 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

Has AI Killed Tailwind? - Exploring AI's Impact on CSS Framework Usage

Explore how AI is impacting Tailwind CSS development and its effects on the web development community through Kevin Powell's analysis of recent industry discussions.

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