Css Courses

LearnWebCode

HTML and CSS Tutorial (2025)

Master the fundamentals of HTML and CSS through a quick, practical introduction that covers essential web development concepts and coding basics in under 30 minutes.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

PedroTech

Building a Countries Explorer App with React Router V7, TypeScript and Tailwind CSS

Master building a responsive country explorer application using React Router V7, TypeScript, and TailwindCSS. Create dynamic routes, implement data loaders, and integrate REST Countries API functionality.

• YouTube
• 57 minutes
• Self-Paced
• Free Video

Kevin Powell

Pure CSS Scroll Spy Table of Contents - No JavaScript Required

Master the creation of JavaScript-free scroll spy navigation using pure CSS techniques to build dynamic table of contents that automatically track user position on webpages.

• YouTube
• 41 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy an Animated Website with React.js, Tailwind CSS, and GSAP

Master the creation of an Awwwards-winning website using React.js and Tailwind CSS, featuring advanced animations with GSAP, responsive design, and modern UI/UX principles for professional web development.

• YouTube
• 2 hours 40 minutes
• Self-Paced
• Free Video

Kevin Powell

Simple Details and Summary Animation with Pure CSS

Master modern CSS techniques to create smooth animations for details/summary elements, exploring interpolate-size and pseudo-elements for enhanced user interactions.

• YouTube
• 13 minutes
• Self-Paced
• Free Video

Kevin Powell

Animate Navigation on Scroll - CSS-Only and Easy to Customize

Learn to create an animated navigation bar on scroll using CSS, with easy customization options and browser support considerations.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

DesignCourse

Creating Complex Layouts with Framer's CSS Grid

Learn to create complex, responsive layouts using Framer's CSS Grid. Master the Figma plugin, design card components, and construct grids for seamless browser compatibility.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Simons Institute

Binary CSS-T Codes: Characterizations and Posets

Explore characterizations and posets of binary CSS-T codes, delving into their mathematical properties and applications in coding theory.

• YouTube
• 28 minutes
• Self-Paced
• Free Video

Kevin Powell

Creating a Diamond Grid with CSS and Animation

Learn to create an eye-catching diamond grid using CSS, including advanced techniques for shape manipulation, animations, and hover effects to enhance your web design skills.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

Kevin Powell

Finding and Debugging CSS Issues - Techniques and Tools

Discover effective techniques for identifying and resolving CSS issues using dev tools, browser extensions, and specialized software to improve your debugging skills and web development workflow.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

CodeHelp - by Babbar

CSS Tutorial for Beginners in Hindi - Comprehensive Guide

Comprehensive Hindi tutorial covering CSS fundamentals to advanced concepts, including practical projects and in-depth explanations of key properties, layouts, and design techniques.

• YouTube
• 10 hours 50 minutes
• Self-Paced
• Free Video

Kevin Powell

Masonry Layouts for CSS Grid Level 3 - Proposed Features and Feedback

Explore the future of CSS masonry layouts, including current specifications, potential implementations, and how developers can contribute to shaping this exciting feature.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

Build a Fiverr clone using NextJS, React, Convex, TypeScript, and more. Learn full-stack development through hands-on project creation, covering frontend, backend, database, and advanced features.

• freeCodeCamp
• 6 hours 2 minutes
• Self-Paced
• Free Video

Kevin Powell

Glassmorphism Button Effect with Mouse Tracking - HTML, CSS and JavaScript Tutorial

Learn to create an interactive glassmorphism button effect with mouse tracking using HTML, CSS, and JavaScript. Master advanced CSS techniques and enhance your web design skills.

• YouTube
• 46 minutes
• Self-Paced
• Free Video

Kevin Powell

Creating a Cool Bubble Zoom Effect with CSS

Learn to create an engaging bubble zoom effect using CSS, including grid animations, avatar scaling, and transition delays for a dynamic and interactive design.

• YouTube
• 19 minutes
• Self-Paced
• Free Video