Css Courses

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

Kevin Powell

Creating Netflix's Video Carousel with CSS Only

Learn to create Netflix's video carousel using only CSS, exploring advanced techniques for layout, scrolling, and interactive elements without relying on JavaScript.

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

Kevin Powell

A Look at the CUBE CSS Methodology in Action

Explore CUBE CSS methodology through a practical Frontend Mentor project, covering HTML structure, global styles, utilities, composition, and exceptions in web development.

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

Kevin Powell

Create a Horizontal Media Scroller With CSS

Learn to create a horizontal media scroller using CSS, covering HTML structure, styling, custom properties, scroll snapping, and scroll groups. Enhance your web design skills with this practical tutorial.

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

Kevin Powell

The 6 Most Important CSS Concepts for Beginners

Explore essential CSS concepts for beginners: inheritance, cascade, box model, specificity, naming conventions, layouts, and content vs. layout separation. Gain foundational knowledge for effective styling.

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

Kevin Powell

Learn How to Create a Responsive CSS Grid Layout

Create a dynamic, responsive CSS grid layout using properties like aspect-ratio and object-fit. Learn to style cards, make grids adaptive, and design featured elements for various screen sizes.

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

Kevin Powell

Learn CSS Grid the Easy Way

Simplify CSS Grid with practical tips on layout creation, column spanning, element placement, and responsive design using grid-template-areas and media queries.

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

Kevin Powell

Responsive Navbar Tutorial Using HTML, CSS & JS

Learn to create a responsive navbar using HTML, CSS, and JavaScript, covering mobile and desktop layouts, styling, animations, and browser compatibility.

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

Kevin Powell

3D Text Animations With CSS

Learn to create stunning 3D text animations using CSS, from basic setup to advanced techniques like twisting, rotating, and adding depth, with expert guidance and practical examples.

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

Traversy Media

Mobile First Responsive Contact Form Featuring Grid CSS

Learn to create a responsive, mobile-first contact form using HTML, CSS Grid, and Font Awesome icons, with an entry animation for a polished user interface.

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

Traversy Media

Easy Fullscreen Landing Page With HTML & CSS

Create a simple HTML/CSS landing page with a fullscreen background image using flexbox styling. Learn to build an attractive and responsive web design in just 23 minutes.

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

Traversy Media

Emmet for Faster HTML & CSS Workflow

Learn to accelerate HTML and CSS development using Emmet's powerful abbreviations and shortcuts. Master nesting, siblings, multiplication, and more for efficient coding.

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

Traversy Media

Build a Responsive HTML & CSS Template with FlexboxGrid

Create a responsive HTML & CSS template using FlexboxGrid, a lightweight Flexbox-based grid system. Learn to build a modern website layout with easy alignment and Bootstrap-like classes.

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

CodeWithHarry

Microsoft Clone in Tailwind CSS - Tailwind Tutorial

Learn to build a responsive Microsoft clone using Tailwind CSS. Master mobile-first design, create interactive components, and implement responsive layouts for a professional-looking website.

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