Css Courses

Kevin Powell

CSS Card With Hover Animation and Mobile Fallback

Learn to create an animated CSS card with hover effects and mobile compatibility, covering HTML structure, CSS styling, animations, accessibility, and performance optimization.

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

Kevin Powell

Sass Features That Make It Better Than Vanilla CSS

Explore advanced Sass features like nesting, mixins, partials, functions, and loops to enhance your CSS workflow and create more efficient, maintainable stylesheets.

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

Kevin Powell

Animated Card with HTML & CSS - Tutorial

Learn to create an animated card design using HTML and CSS, inspired by a popular gaming website. Explore techniques for styling, hover effects, animations, and responsive layouts.

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

Kevin Powell

Creating a Responsive, Asymmetrical Design with HTML & CSS

Learn to create responsive, asymmetrical designs using modern CSS tools like grid, subgrid, flexbox, and clamp(). Master mobile-first approach and adapt layouts for larger screens.

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

Kevin Powell

Creating a Better Todo App - The HTML and CSS

Learn to create an engaging todo app interface with HTML and CSS, focusing on custom checkboxes, transitions, and responsive layouts using grid and flexbox.

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

Kevin Powell

Responsive Navigation With an Animated Dropdown Using CSS Clip-Path

Learn to create a responsive navigation menu with an animated dropdown using CSS clip-path, jQuery, and custom hamburger menu animation for enhanced user experience.

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

Web Dev Simplified

A Fancy Box Shadow Trick Saved Me in This CSS Battle

Explore CSS Battles with advanced techniques like box shadow tricks. Learn to solve complex design challenges and improve your CSS skills through practical examples.

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

Web Dev Simplified

Can I Create This Very Complex CSS Animation?

Recreate the Prettier logo animation using complex CSS techniques, including load and slide effects, with step-by-step guidance and practical coding examples.

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

Web Dev Simplified

Creating an Animated CSS Review Card

Learn to create an animated CSS review card with advanced features, focusing on ecommerce design, problem-solving, and debugging techniques for web developers.

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

Web Dev Simplified

Can I Create a Deck of Cards With CSS

Learn to create a realistic deck of cards using CSS, from basic structure to intricate details like pips and face cards, with live problem-solving and step-by-step guidance.

• YouTube
• 1 hour 1 minute
• On-Demand
• Free Video

Web Dev Simplified

Creating a Magic CSS Indicator

Learn to recreate a captivating CSS magic indicator for navigation menus. Master techniques for basic navbar structure, animated indicators, and JavaScript integration for a polished, interactive design.

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

Web Dev Simplified

Creating a Simple CSS Hover Animation

Learn to create a complex split text hover animation using CSS, with step-by-step guidance on HTML structure and multiple CSS approaches for achieving the desired effect.

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

Web Dev Simplified

Creating a Tricky Animated CSS Sidebar

Learn to create a complex, animated CSS sidebar inspired by YouTube's design, covering HTML structure, CSS styling, and JavaScript functionality for a responsive web experience.

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

Web Dev Simplified

Creating a Tricky CSS Vertical Timeline

Live coding demonstration of creating a vertical timeline layout in CSS, covering HTML structure, card styling, timeline design, and header formatting.

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

Web Dev Simplified

How to Create an Ocean with CSS-JavaScript

Create an interactive ocean using CSS and JavaScript, while learning about API integration and dynamic content display for an engaging web development project.

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