Kevin Powell Courses

Figma Dev Mode Is Here

1 rating

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
• Self-Paced
• Free Video

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

1 rating

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

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

Create Accessible Tabs with HTML, CSS & JS

Learn to build accessible tabs using HTML, CSS, and JavaScript. Covers ARIA roles, keyboard navigation, and best practices for creating user-friendly, inclusive tab interfaces.

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

CSS Features With Better Browser Support Than You Might Have Thought

Explore lesser-known CSS features with broad browser support, from custom properties to container queries. Learn about progressive enhancement and feature detection for modern web development.

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

Getting Started with CSS Nesting

Learn CSS nesting: syntax, usage, limitations, and best practices. Explore compound selectors, media queries, specificity, and readability considerations for this powerful new feature.

• YouTube
• 27 minutes
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• Free Video

How to Get Started with VS Code

Learn essential VS Code basics: opening folders, tabs, settings, themes, Emmet, and more. Perfect for beginners looking to streamline their coding workflow.

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

CSS-Only Particle Animations

Learn to create stunning 3D particle animations using only CSS. Master techniques for laser effects, spark generation, and dynamic scene creation in this hands-on tutorial.

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

Recreating YouTube’s Tab Animation

Learn to recreate YouTube's tab animation using CSS and JavaScript, focusing on performance-optimized techniques like transform and scale for smooth underline effects and responsive tab widths.

• YouTube
• 31 minutes
• Self-Paced
• 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
• Self-Paced
• 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
• Self-Paced
• Free Video

Creating and Styling Lists with HTML and CSS

Learn to create and style HTML lists, from basic structure to advanced customization, enhancing your web design skills with practical techniques for ordered and unordered lists.

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

Using CSS Custom Properties Like This Is a Waste

Explore advanced CSS custom properties techniques to create efficient, scalable code. Learn to set up locally scoped properties and easily create variations for more flexible styling.

• YouTube
• 16 minutes
• Self-Paced
• 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
• Self-Paced
• Free Video