Kevin Powell Courses

How to Make Shapes with CSS

Learn to create various shapes using CSS techniques like border-radius, pseudo-elements, and clip-path. Explore simple to complex shape-making methods with practical examples and browser compatibility considerations.

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

Animating with CSS Transitions - A Look at the Transition Properties

Explore CSS transitions for web animations, covering properties, best practices, and performance tips to enhance user experience and catch attention effectively.

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

Flexbox Tutorial - Flexbox Containers

Comprehensive tutorial on Flexbox container properties, covering flex direction, wrap, width, flow, justify content, and align items for effective layout control in CSS.

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

Improve Your CSS by Keepin' It DRY

Practical techniques to streamline CSS code by applying the DRY principle, enhancing efficiency and productivity while creating engaging visual effects.

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

Stop Fighting with CSS Positioning

Understand CSS containing blocks and positioning to improve responsiveness and control layout. Master absolute, sticky, and fixed positioning for effective web design.

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

Container Queries Are Going to Change How We Make Layouts

Explore container queries for component-based layouts. Learn basics, real-world examples, range syntax, named containers, and integration with flexbox and grid for more flexible and responsive web design.

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

How Is This Possible With CSS Only?

Explore advanced CSS techniques with :has() pseudo-class to create interactive form validation and animations, enhancing user experience without JavaScript.

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

Create Borders With Cut Corners - Fully Responsive CSS and Easy to Adapt

Learn to create responsive buttons with cut corners using CSS custom properties, clip-path, and pseudo-classes. Master advanced styling techniques for unique and adaptable designs.

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

Generative Art & CSS Houdini with Amit Sheen

Explore generative art, canvas, and CSS Houdini with Amit Sheen in this live stream recording. Learn to create dynamic, visually appealing designs using advanced web technologies.

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

Background Images with HTML & CSS

Learn to effectively use background images in HTML and CSS, covering common issues, sizing techniques, and tips for improved readability.

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

Animate From Display None

Learn techniques for animating elements with display:none, focusing on the dialog element. Explore solutions for smooth transitions, handling backdrops, and creating closing animations.

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

Stop Using an Extension to Compile Sass

Learn to compile Sass without extensions using npm scripts. Explore alternative methods, set up efficient workflows, and optimize your Sass compilation process for improved development.

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