Css Courses

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

Kevin Powell

Responsive Navigation With an Animated Dropdown Using CSS Clip-Path

Learn to create a responsive navigation menu with an animated dropdown using CSS clip-path, jQuery, and custom hamburger menu animation for enhanced user experience.

• YouTube
• 51 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

Kevin Powell

3D Text Animations With CSS

Learn to create stunning 3D text animations using CSS, from basic setup to advanced techniques like twisting, rotating, and adding depth, with expert guidance and practical examples.

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

Kevin Powell

Turn Static HTML-CSS into a Blog with CMS Using the JAMStack

Learn to transform static HTML/CSS into a dynamic blog with CMS using JAMStack, Eleventy, GitHub, Netlify, and Netlify CMS. Gain hands-on experience in modern web development techniques and tools.

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

Kevin Powell

3D CSS - Lighting, Animations, and More

Learn advanced 3D CSS techniques including lighting, animations, and perspective. Create interactive scenes with bouncing balls, rotating cubes, and dynamic shadows for engaging web designs.

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

Kevin Powell

CSS Only Lightsaber - With Sound

Learn to create an interactive lightsaber using only CSS, including styling, animation, color changes, and even sound effects. Perfect for Star Wars fans and CSS enthusiasts alike!

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

Kevin Powell

CSS Card With Hover Animation and Mobile Fallback

Learn to create an animated CSS card with hover effects and mobile compatibility, covering HTML structure, CSS styling, animations, accessibility, and performance optimization.

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

Kevin Powell

Sass Features That Make It Better Than Vanilla CSS

Explore advanced Sass features like nesting, mixins, partials, functions, and loops to enhance your CSS workflow and create more efficient, maintainable stylesheets.

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

Kevin Powell

Animated Card with HTML & CSS - Tutorial

Learn to create an animated card design using HTML and CSS, inspired by a popular gaming website. Explore techniques for styling, hover effects, animations, and responsive layouts.

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

Kevin Powell

Creating a Responsive, Asymmetrical Design with HTML & CSS

Learn to create responsive, asymmetrical designs using modern CSS tools like grid, subgrid, flexbox, and clamp(). Master mobile-first approach and adapt layouts for larger screens.

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

Kevin Powell

Creating a Better Todo App - The HTML and CSS

Learn to create an engaging todo app interface with HTML and CSS, focusing on custom checkboxes, transitions, and responsive layouts using grid and flexbox.

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