Css Courses

Kevin Powell

HTML and CSS - Preventing Layouts From Getting Too Wide

Learn essential techniques for controlling website layout widths using HTML and CSS, ensuring optimal readability and responsive design across different screen sizes.

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

Kevin Powell

HTML and CSS for Absolute Beginners - Styling Lists

Master the fundamentals of styling HTML lists with CSS, from basic bullet points to creating custom list markers and advanced formatting techniques for professional-looking web content.

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

Chart JS

Creating a Basic Mobile Menu with HTML, CSS, and JavaScript - Beginner Tutorial

Learn to build a responsive mobile menu from scratch using HTML, CSS, and JavaScript, perfect for beginners exploring basic web development concepts.

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

Traversy Media

Build a Tesla Model Y Car Configurator with Tailwind CSS and JavaScript

Master building a Tesla Model Y configurator interface with Tailwind CSS and JavaScript, implementing interactive features like color selection, pricing calculations, and dynamic image updates.

• YouTube
• 1 hour 31 minutes
• Self-Paced
• Free Video

Brian Design

HTML, CSS and JavaScript - Building a Responsive Finance Banking Website

Master the fundamentals of web development by building a responsive finance banking website from scratch, covering HTML, CSS, JavaScript, and essential components like navigation, pricing cards, and interactive features.

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

Web Dev Simplified

Creating Discord's CSS-Only Search Input Animation Tutorial

Master the creation of Discord's elegant search input animation using pure CSS, including width transitions and icon transformations for an enhanced user interface.

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

Kevin Powell

Animating Height Auto with Interpolate-size and Calc-size in CSS

Master modern CSS techniques for dynamic height animations using interpolate-size and calc-size(), enabling smooth transitions and responsive layouts with progressive enhancement approaches.

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

Learn With Jason

Create Consistent Designs in React Using Tailwind CSS

Master consistent design techniques in React with Tailwind CSS, creating a mini design system for projects of any scale.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

Kevin Powell

Centering Bottom Rows with CSS Grid Auto-fit - Tutorial

Master CSS Grid's auto-fit functionality to center elements in the bottom row, exploring advanced layout techniques and practical solutions for creating balanced, visually appealing grid layouts.

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

LearnWebCode

CSS Layout and Hover Animation Effects in WordPress Block Types

Master CSS layout techniques and hover animations to create engaging two-column designs in WordPress block development.

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

Web Dev Simplified

CSS Media Queries - Why to Stop Using Pixels and Switch to REM Units

Master CSS accessibility best practices by learning why and how to replace pixels with rem units for media queries, container queries, and other properties.

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

Great Learning

HTML and CSS Web Development - From Basics to Portfolio Building

Master web development fundamentals through hands-on practice with HTML and CSS, from basic structures to advanced styling, while building a portfolio website and exploring AI tools for enhanced design capabilities.

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

Web Dev Simplified

Mastering CSS Colors: From Color Gamuts to Advanced Color Functions

Master advanced CSS color techniques, from color spaces and gamuts to relative colors and color mixing functions. Elevate your styling capabilities with modern color manipulation methods.

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

Web Squadron

Creating Vertical Mega Menus with Elementor Pro CSS

Master CSS techniques to transform Elementor Pro's Mega Menu into a vertical layout with custom styling and positioning for both boxed-width and full-width container implementations.

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