Css Courses

Advanced CSS & JavaScript Projects

Master advanced web development by building real-world projects including quiz games, expense trackers, and podcast players with responsive design and API integration.

• Zero To Mastery
• 15 hours
• Self-Paced
• Paid Course

Kevin Powell

Front-End Developer Takes on a CSS Battle

Master CSS problem-solving techniques by watching a front-end developer tackle three challenging CSS Battle puzzles with creative solutions and optimization strategies.

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

Kevin Powell

Create a Fun Cursor-Following Effect with Pure CSS

Discover how to create an interactive cursor-following bubble effect using pure CSS anchor positioning, animations, and pseudo-elements in this hands-on tutorial.

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

Web Dev Simplified

CSS Style Queries Have So Much Potential

Explore CSS style queries and their powerful potential beyond container queries, covering advanced use cases, theme examples, and practical implementation techniques.

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

EGATOR

Learn CSS Box Model - Padding, Border, Margin, Width, Height

Master CSS Box Model fundamentals including padding, border, margin, width, and height properties to control element spacing and layout in web development.

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

Paul Browning

CSS Positioning Tricks Every Beginner Should Know

Master CSS positioning techniques to control element placement and enhance your web design skills through practical coding exercises.

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

EGATOR

Responsive Web Design with CSS Media Queries - Complete Tutorial

Master CSS media queries to build responsive websites that adapt seamlessly across mobile, tablet, and desktop devices with hands-on project examples.

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

EGATOR

CSS Variables (CSS Custom Properties) Tutorial

Discover how to use CSS variables (custom properties) to create more maintainable and flexible stylesheets in this concise 14-minute tutorial.

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

NDC Conferences

The CSS You Don't Know About

Discover groundbreaking CSS features like View Transitions API, scroll-linked animations, :has() selectors, and container queries to transform your web projects with modern, performant designs.

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

Kevin Powell

A CSS Trick to Select a Specific Row with Grid Auto-fit/fill

Master advanced CSS Grid techniques to target specific rows when using auto-fit/fill, including first, last, and middle row selections with container queries and modern CSS features.

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

CryptoCat

Leaking Passwords via CSS Injection - Fancy Login Form

Discover how to exploit CSS injection vulnerabilities to extract passwords through blind exfiltration techniques in this CTF walkthrough.

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

EGATOR

Learn CSS Flexbox - Full Tutorial with Project

Master CSS Flexbox fundamentals and build responsive layouts through hands-on practice, covering container properties, alignment, and real-world project implementation.

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

Kevin Powell

Form Styling Essentials - The Basics to Modern CSS Tips and Tricks

Master modern CSS techniques for form styling, including organization with form-groups, layout strategies with Grid and Flexbox, advanced selectors, and practical tips like accent-color and text-box-trim.

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

Web Dev Simplified

This Was So Much Harder Than I Thought - CSS Battle Optimization Challenge

Dive into the challenges of CSS Battle optimization as we explore strategies for minimizing code characters while creating effective designs, from initial approach to advanced techniques.

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

Kevin Powell

Can I Survive CSS Hell? - Navigating CSS Challenges

Explore strategies to overcome CSS challenges and build confidence in your styling skills, from basic troubleshooting to advanced techniques for creating maintainable code.

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