Css Courses

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

Web Dev Simplified

I Drew Myself With CSS

Learn to create a self-portrait using CSS, mastering advanced techniques like pseudo-elements and specificity. Perfect for enhancing CSS skills through a challenging yet rewarding project.

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

Web Dev Simplified

How to Design a YouTube Clone With HTML-CSS

Learn to clone YouTube's homepage using HTML and CSS, mastering grid, flexbox, and icon integration for improved web design skills.

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

Web Dev Simplified

How to Build a Photo Editor with React and CSS Filters

Learn to create a React-based photo editor using CSS filters. Build sliders for image adjustments, implement responsive design, and gain hands-on experience with React state management and CSS grid.

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

DesignCourse

HTML and CSS Tutorial for 2021 - Complete Crash Course

Comprehensive HTML and CSS tutorial covering responsive design, from basic structure to advanced styling. Includes hands-on project and mobile navigation implementation.

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

CSS Layout

Master responsive web design using CSS Grid and Flexbox through hands-on, uncut tutorials. Learn to create dynamic layouts like carousels, dashboards, and scrolling lists.

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

CSS 'n' JS

Explore CSS cascade and selection using JavaScript, enhancing understanding of both languages while reimplementing core CSS behaviors.

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

Learn Tailwind CSS – Course for Beginners

Comprehensive introduction to Tailwind CSS, covering core concepts, features, and practical applications. Includes setup, customization, layout techniques, and advanced topics like design systems and dark mode.

• freeCodeCamp
• 4-5 hours
• On-Demand
• Free Video

JavaScript Mastery

Build and Deploy a Modern Next 13 Website With Framer Motion and Tailwind CSS

Transform Figma design into a functional website using Next13, Framer Motion, and Tailwind CSS. Master React architecture, animations, responsiveness, and deployment while building Metaversus.

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