Kevin Powell Courses

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

Create Template Layouts for Your HTML with Astro SSG

Learn to create reusable HTML templates with Astro SSG, streamlining web development by reducing repetition and simplifying updates across multiple pages.

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

Power-Up Your CSS with PostCSS

Enhance your CSS workflow with PostCSS: Learn installation, plugin setup, configuration, and advanced features like custom property media queries for more efficient and powerful stylesheets.

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

Cloning a Weird Border Design

Learn to recreate a unique border design using CSS, covering techniques like pseudo-elements, positioning, and creative use of borders to achieve complex visual effects.

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

Write Better CSS Using Logical Properties

Explore logical CSS properties for multilingual support, improved layout control, and enhanced flexibility in web design. Learn practical applications and benefits for modern web development.

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

Flexbox Is More Complicated Than You Thought

Dive deep into Flexbox's complexities, exploring element sizing, shrinking, growing, and common misconceptions. Learn practical solutions and compare Flexbox with Grid.

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

Create a Neon Button With a Reflection Using CSS

Learn to create a stylish neon button with glowing text, button glow, and reflection using CSS. Explore performance optimization techniques and add interactive hover/focus styles.

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

Web Design Tips for Developers

Discover 5 essential web design tips to enhance your projects: optimal line length, effective spacing, color contrast, text alignment, and font property contrast for improved visual appeal.

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

Create a Calculator with HTML, CSS, and Vanilla JavaScript - The HTML & CSS

Learn to build a calculator's HTML and CSS structure with expert guidance, focusing on grid layout, accessibility, and styling techniques for an interactive user interface.

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

Having Fun With CSS - Styling Stylestage

Explore creative CSS styling techniques for stylestage.dev, covering color spaces, fonts, animations, and advanced layout methods to enhance web design skills.

• YouTube
• 2 hours 37 minutes
• Self-Paced
• Free Video

How to Create an Expanding Search Bar Using -focus-within

Learn to create an expanding search bar using CSS :focus-within, custom properties, and SCSS, without JavaScript. Explore hover and focus states, backgrounds, and animations for an interactive user experience.

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

Build a Responsive Card - HTML and CSS Tutorial

Learn to create a fully responsive card using HTML, CSS, and flexbox, mastering essential web design techniques for adaptable layouts.

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

Really Fun CSS Hover Effects

Explore creative CSS hover effects using transforms and pseudo-elements. Learn to craft engaging interactive elements that enhance user experience and website design.

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

Coding a Signup Form With HTML and CSS

Learn to create a responsive email signup form using HTML and CSS, with a focus on flexbox for layout and styling techniques to enhance visual appeal.

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

How to Tell an Engaging Story With the Help of CSS

Explore creative storytelling techniques using CSS, focusing on position sticky, gradients, and dynamic layouts to craft engaging web narratives.

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