Css Courses

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

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

Adrian Twarog

Checkout Form HTML CSS - Bootstrap 5

Learn to create a responsive checkout form using Bootstrap 5, covering layout, input fields, selects, checkboxes, radio buttons, and credit card inputs in this step-by-step tutorial.

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

JavaScript Mastery

Build and Deploy the Best Modern Blog App with React - GraphQL, NextJS, Tailwind CSS

Build a modern blog app with React, GraphQL, NextJS, and Tailwind CSS. Learn advanced techniques, create a responsive UI, and integrate with GraphCMS for seamless content management.

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

JavaScript Mastery

Build and Deploy Google Search 2.0 with React & Tailwind CSS

Build a responsive Google Clone with React & Tailwind CSS, featuring modern UI, dark mode, and real-time search for results, news, images, and videos using Google Search API via RapidAPI.

• YouTube
• 1 hour 37 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

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

Learn to create dynamic web elements using CSS animations, from basic movements to complex transformations, through an engaging space-themed journey.

• Independent
• On-Demand
• Free Online Course

FollowAndrew

Pure CSS Tree View With Custom Tree Icons

Learn to create a pure CSS tree view with custom icons, using pseudo-elements for tier structures and exploring innovative techniques for this typically JavaScript-dependent feature.

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

FollowAndrew

HTML Tables Tutorial with CSS Styling - Crash Course

Comprehensive tutorial on HTML tables, covering basic structure, advanced features like spans and alignment, and practical application with CSS styling for professional-looking tables.

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

FollowAndrew

CSS Crash Course for Beginners

Comprehensive introduction to CSS fundamentals, covering syntax, selectors, properties, positioning, and layout techniques for beginners looking to style web pages effectively.

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

FollowAndrew

CSS Positioning Tutorial - Relative vs. Absolute vs. Fixed vs. Sticky

Comprehensive tutorial on CSS positioning, covering relative, absolute, fixed, and sticky positions, with explanations of document flow and z-index, including live code samples.

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