Kevin Powell Courses

Figma Dev Mode Is Here

1 review

Explore Figma's new Dev Mode: enhanced units, VS Code plugin, and features for easier design-to-code workflow. Learn its benefits and limitations for web development.

• YouTube
• 25 minutes
• On-Demand
• Free Video

Responsive Navbar Tutorial Using HTML, CSS & JS

1 review

Learn to create a responsive navbar using HTML, CSS, and JavaScript, covering mobile and desktop layouts, styling, animations, and browser compatibility.

• YouTube
• 49 minutes
• On-Demand
• Free Video

Bring a Smile to Your Users' Face With a Confetti Celebration

1 review

Learn to create engaging confetti celebrations using CSS and SCSS, enhancing user experience with interactive animations and 3D effects.

• YouTube
• 56 minutes
• On-Demand
• Free Video

Figma Components - The Basics to Creating Robust Components

1 review

Learn to create robust Figma components using auto-layout. Master basics, build complex forms, and organize effectively for streamlined design workflows.

• YouTube
• 38 minutes
• On-Demand
• Free Video

Position Absolute and Responsive Layouts

Learn to create responsive layouts using position absolute, from basic setup to advanced techniques for larger layout pieces.

• YouTube
• 28 minutes
• On-Demand
• Free Video

Beginner's Guide to Styling Text with CSS

Learn essential CSS text styling properties including font-family, size, weight, color, line-height, and text alignment. Gain practical skills to enhance your web design capabilities.

• YouTube
• 27 minutes
• On-Demand
• Free Video

Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Explore various CSS layout techniques as Kevin Powell analyzes community submissions, comparing flexbox, grid, and other approaches to create an efficient and responsive design.

• YouTube
• 16 minutes
• On-Demand
• Free Video

Subgrid and Container Queries: Creating Dynamic Layouts in CSS

Explore how container queries and subgrid work together to create flexible, responsive layouts. Learn to implement subgrid for rows and columns, and understand potential conflicts between these powerful CSS features.

• YouTube
• 21 minutes
• On-Demand
• Free Video

Simple Approach to Layouts: From Design to Code

Learn a simple approach to transform design layouts into code efficiently. Break down complex designs, organize elements, and choose between flexbox and grid for optimal implementation.

• YouTube
• 23 minutes
• On-Demand
• Free Video

A New Approach to Container and Wrapper Classes in CSS

Explore a new approach to container and wrapper classes using CSS grid for flexible layouts with breakout sections, inspired by modern web design techniques.

• YouTube
• 25 minutes
• On-Demand
• Free Video

How to Make a Nice Site With Less CSS

Learn to create visually appealing websites with minimal CSS. Covers color schemes, typography, spacing, and essential styling techniques for efficient and attractive web design.

• YouTube
• 19 minutes
• On-Demand
• Free Video

Creating a Layered Card With HTML & CSS

Learn to create a layered card using HTML and CSS, exploring subgrid and advanced styling techniques for an engaging UI component.

• YouTube
• 42 minutes
• On-Demand
• Free Video

The Only Tags You Need When First Learning HTML

Essential HTML tags for beginners: Learn 20-25 fundamental elements grouped into categories. Covers structure, text formatting, links, and layout. Ideal starting point for new web developers.

• YouTube
• 17 minutes
• On-Demand
• Free Video

Create Direction-Aware Effects Using Modern CSS

Learn to create direction-aware hover effects for navigation using modern CSS techniques, including animations, pseudo-elements, and custom properties. Explore browser compatibility and practical implementation.

• YouTube
• 19 minutes
• On-Demand
• Free Video

A Deep Dive Into CSS Color-Mix

Explore CSS color-mix() for advanced color manipulation, including percentage mixing, color models, and creating custom color schemes. Learn practical applications for web design.

• YouTube
• 18 minutes
• On-Demand
• Free Video