Kevin Powell Courses

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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• Free Video

Creating a CSS-Only Directionally Aware Button

Learn to create a directionally aware button using only CSS and the :has() selector, enhancing user interaction without JavaScript. Explore advanced CSS techniques for modern web design.

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

From Figma to Code - Creating a Resume Page

Learn to transform a Figma design into a functional resume webpage using HTML and CSS, with a focus on flexbox, custom properties, and responsive design techniques.

• YouTube
• 1 hour 30 minutes
• On-Demand
• Free Video

Build a Responsive, Animated Accordion That Looks Pretty Good

Learn to create a visually appealing, responsive accordion with smooth animations. Explore HTML structure, CSS styling, JavaScript interactions, and accessibility considerations for an enhanced user experience.

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

How to Escape the Container on Only One Side

Learn advanced CSS techniques to create full-width elements on one side of a container, exploring custom properties, logical properties, grid, and positioning for versatile and responsive web design.

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

How to Create a Responsive HTML Table

Learn techniques for creating responsive HTML tables, including CSS styling, container usage, and accessibility improvements for various screen sizes.

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

You Probably Want Position- Sticky Instead of Fixed

Explore the differences between position: fixed and sticky in CSS, with practical examples and creative use cases for sticky positioning in web design.

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

Getting Started with Variable Fonts on the Web

Explore variable fonts for web typography: learn about their features, implementation, and advantages. Discover resources, conversion techniques, and practical usage tips for enhanced design flexibility.

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

3D Tilting Card Effect with Mouse Tracking - HTML, CSS & JS

Create a 3D tilting card effect with mouse tracking using HTML, CSS, and JavaScript. Learn to style code, add 3D layers, implement mouse-following functionality, and make the code editable.

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

Common Beginner CSS Mistakes

Discover common CSS pitfalls for beginners and learn effective solutions to improve your coding practices, from avoiding useless declarations to mastering flexbox and positioning techniques.

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