Css Courses

Traversy Media

HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc

Sharpen CSS skills and master DOM manipulation with 5 mini-projects: scroll animation, rotating navigation, login input wave, animated 3D boxes, and hoverboard. Enhance web development expertise through hands-on practice.

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

Traversy Media

CSS Grid Crash Course 2022

Master CSS Grid fundamentals through hands-on practice. Learn layout techniques, responsiveness, and apply skills in a real-world project to create dynamic and flexible web designs.

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

Traversy Media

Build 5 Projects With HTML, CSS & JavaScript

Enhance your web development skills through hands-on practice with five diverse projects, focusing on JavaScript, CSS, and DOM manipulation techniques for creating interactive and dynamic user interfaces.

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

Traversy Media

Hulu Webpage Clone - HTML & CSS

Build a Hulu homepage clone using HTML, CSS, and JavaScript. Learn responsive design, styling techniques, and interactive features while creating a modern streaming platform interface.

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

Traversy Media

Creative Agency Website From Scratch - HTML & CSS

Build a responsive creative agency website from scratch using HTML, CSS, and JavaScript, covering layout techniques, interactivity, and mobile optimization.

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

Traversy Media

Build a Responsive Website - HTML, CSS Grid, Flexbox & More

Learn to build a responsive website using modern HTML5 and CSS techniques like Grid, Flexbox, and animations. Gain hands-on experience in creating custom layouts, deploying to Netlify, and adding form functionality.

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

Traversy Media

Build a Modern Landing Page Website - HTML & CSS

Create a modern landing page website using HTML, CSS, and Sass. Learn styling techniques for hero sections, featured content, and product displays.

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

CSS Typography

Explore CSS typography techniques from basics to advanced, including font selection, sizing, line heights, letter spacing, and text alignment for enhanced web design.

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

Academind

CSS Flexbox Tutorial - Flex Items - Part 2

Learn to customize individual flex items with properties like order, flex-flow, align-self, and flex-grow. Master advanced flexbox techniques for precise control over layout and responsiveness.

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

Academind

CSS Positioning Tutorial for Beginners

Learn CSS positioning techniques to control element layout, including absolute, relative, and fixed positioning for creating dynamic and responsive designs.

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

Academind

CSS - Burger Builder - Tutorial

Create a visually appealing burger using CSS techniques, focusing on ingredient styling and layout for a React-based Burger Builder application.

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

Dave Gray

Tailwind CSS Full Course for Beginners - Complete All-in-One Tutorial

Comprehensive tutorial on Tailwind CSS, covering setup, project components, animations, and deployment. Ideal for beginners looking to enhance their web development skills.

• YouTube
• 3 hours
• On-Demand
• Free Video

Dave Gray

Tailwind CSS Config and Deploy Tutorial

Learn to configure Tailwind CSS, adjust media queries, extend themes, and deploy your project to GitHub and Render.com in this comprehensive tutorial.

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

Dave Gray

Animated Hamburger Icon, Mobile Menu & Responsive Navbar with Tailwind CSS

Learn to create an animated hamburger icon and responsive mobile menu using Tailwind CSS, enhancing your web design skills with practical, interactive UI elements.

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

Dave Gray

Tailwind CSS Project - TailwindCSS Tutorial

Learn advanced Tailwind CSS techniques to build a responsive website, including custom media queries, pseudo-elements, and various CSS styles for testimonials, contact forms, and footers.

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