Css Courses

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

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

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

Kevin Powell

Build a Responsive Website With HTML & CSS - Analyzing the Project and Setting the Stage

Learn to build a responsive website from scratch, analyzing layout, setting up with Vite, adding resets, configuring custom properties, and creating utility classes for efficient development.

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