Kevin Powell Courses

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

Srcset and Sizes Attributes - Images on the Web Part One

Optimize image loading with srcset and sizes attributes for responsive web design, reducing bandwidth and ensuring crisp visuals across devices.

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

Dealing with Cross Browser Compatibility

Learn techniques for cross-browser compatibility, including user agent styles, feature queries, progressive enhancement, and tools like caniuse.com. Discover how to create robust, adaptable web designs.

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

Create a CSS Only Lightbox

Learn to create an engaging CSS-only lightbox effect using the :target pseudo-class. Explore innovative techniques for interactive web design without relying on JavaScript.

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

Layouts with CSS Grid

Explore advanced CSS Grid techniques for creating dynamic layouts, including sticky positioning and typography-based designs. Hands-on examples and CodePen challenges included.

• YouTube
• 2 hours 13 minutes
• On-Demand
• Free Video

CSS Before and After Pseudo Elements Explained - The Content Property

Explore advanced CSS pseudo-elements and content property techniques, including tooltips, text decorations, and counters, to enhance web design without additional markup.

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

Designing a Portfolio Website with Adobe XD - The Desktop Layout

Learn to create a responsive desktop layout for a portfolio website using Adobe XD, focusing on typography, grids, and design elements to showcase your work effectively.

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

Designing a Portfolio Website with Adobe XD

Learn to design a portfolio website using Adobe XD. Explore color schemes, typography, layout, and essential elements while gaining insights into the design process and decision-making behind creating an effective online portfolio.

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

Git and GitHub for Beginners - GitHub Basics and How to Use GitHub Desktop

Learn GitHub basics and GitHub Desktop for version control, including creating repositories, branching, merging, and forking projects. Ideal for beginners seeking a user-friendly approach to collaborative coding.

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