Css Courses

Kevin Powell

Build a Responsive Website With HTML & CSS - Analyzing the Project and Setting the Stage

Learn to build a responsive website from scratch, analyzing layout, setting up with Vite, adding resets, configuring custom properties, and creating utility classes for efficient development.

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

Spice Up Your Site - Easy Waves, Angles, and Other Creative Shapes With CSS

Learn to create visually appealing websites using CSS techniques for waves, angles, and creative shapes. Enhance your web design skills with practical examples and step-by-step guidance.

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

Dave Gray

Build a Random Name Generator App - Javascript, HTML, CSS Project

Create a random name generator app using JavaScript, HTML, and CSS. Learn essential web development skills while building a practical project for generating YouTube coding channel names.

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

Dave Gray

Multi Level Navigation Menu With HTML & CSS Only - Responsive Dropdown Navbar Menu

Learn to create a responsive, accessible multi-level navigation menu using only HTML and CSS. Covers dropdown functionality, mega menu features, and screen reader compatibility.

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

Dave Gray

How to Create a Simple Search Box with HTML and CSS - Responsive Search Bar Tutorial

Step-by-step tutorial on creating a responsive search bar using HTML and CSS, covering form creation, styling, icon integration, and flexbox positioning for web developers.

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

Dave Gray

How to Make a Responsive Navbar Dropdown Menu and Website with HTML, CSS, and Vanilla Javascript

Build a responsive website with a dropdown navbar using HTML, CSS, and JavaScript. Learn to create adaptive layouts, animated menus, and interactive elements for all screen sizes.

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

Dave Gray

CSS Tutorial for Absolute Beginners - Learn CSS3

Learn CSS3 fundamentals and responsive web design techniques while building a website. Covers syntax, styling, BEM naming, media queries, and practical tips for beginners.

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

Mike Dane

Build a CSS Star Animation

Create a captivating CSS star animation using techniques from the 100 Days CSS Challenge, with step-by-step guidance on building, styling, and animating multiple squares.

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

Mike Dane

Build a YouTube Video Card in 30 Minutes - HTML & CSS

Learn to create a YouTube-style video recommendation component using HTML and CSS, covering positioning, styling, and text formatting techniques.

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