Css Courses

Dave Gray

CSS Selectors Tutorial for Beginners

Learn CSS selectors, cascade, specificity, and inheritance. Understand element, class, ID, group, nested, and universal selectors. Practice with dev tools and explore inheritance concepts.

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

Tech with Tim

CSS for Non-Web Developers - Tutorial - Part 1

Learn essential CSS properties for non-web developers, covering selectors, colors, layouts, box model, flexbox, and positioning. Master the basics to style your projects effectively.

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

DaFluffyPotato

Python Webdev - CSS

Learn to enhance your HTML with CSS, including styling, Google Fonts, layout techniques, and interactive elements for creating visually appealing web pages using Flask.

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

Linode

Code a Note Taking App From Scratch - Full Stack HTML, CSS, JavaScript & Node.js

Build a full-stack note-taking app from scratch using HTML, CSS, JavaScript, and Node.js. Learn database integration, user authentication, and CRUD operations for a functional web application.

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

Creating a Standout GitHub Pages Portfolio - HTML, CSS, and JavaScript Techniques

Learn to enhance your GitHub Pages portfolio with responsive design, embedded videos, and interactive elements using HTML, CSS, and JavaScript. Gain practical tips for standout content and visual appeal.

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

Kevin Powell

How to Create a Theme Switcher With HTML & CSS

Learn to create a theme switcher using HTML, CSS, and JavaScript, with custom properties, :has() selector, and localStorage for user preferences and fallback options.

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

Kevin Powell

Create a Tilting Card on Hover With CSS Only

Learn to create an interactive tilting card effect using only CSS, exploring selectors, mouse tracking, and the :has() selector for a visually appealing hover animation.

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

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

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