Css Courses

WeAreDevelopers

Refactoring CSS Without Losing Your Mind

Learn how to refactor legacy CSS while continuing to ship features and avoid regressions and stalled refactoring efforts.

• YouTube
• 30 minutes
• Self-Paced
• Conference Talk

Envato Tuts+

Understanding the CSS -has Selector

Learn the syntax of CSS :has and see practical examples of how this selector can be used in web design.

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

Envato Tuts+

Understanding Before and After Pseudo-Elements in CSS

Learn how `::before` and `::after` add content with CSS, with examples including custom lists, animated tooltips, and gradient image shadows.

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

Envato Tuts+

I Use CSS Keyframes in These 3 Unusual Ways

Use CSS keyframes for a typewriter effect, sprite-sheet animation, and sequences that reveal elements one by one.

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

Envato Tuts+

CSS Transforms - The Old, the New, and the Remarkable

Explore how CSS transforms can do far more than rotate or skew, using translate, scale, rotate, skew, and transform-origin in unexpected ways.

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

Envato Tuts+

Smart Sizing in CSS With Container Query Units

Use CSS container query units to size elements, including width and font size, in relation to their parent container.

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

Envato Tuts+

Introduction to CSS Container Queries

Learn to make elements change with their parent’s size using CSS container queries, an alternative approach to responsive web design.

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

Code with Ania Kubów

Build a Linktree Clone - HTML, CSS, and JS Optional

Build a simple Linktree-style page with HTML and CSS, with JavaScript as an optional addition.

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

Code with Ania Kubów

Rotating Planets in Just CSS - Simple Tutorial

Build rotating planets with shadows that follow the sun using CSS.

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

Code with Ania Kubów

Build a Moving Portfolio That Sends Email in HTML + CSS and Deploy

Build an animated SVG portfolio with a working submit form using HTML and CSS, then deploy it.

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

Code with Ania Kubów

Build T-REX RUN - The Popular Chrome Dino Game Using JavaScript, HTML, CSS

Build the Chrome Dino runner with JavaScript-driven DOM nodes, adding and removing elements without Canvas.

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

Code with Ania Kubów

Let's Make 2048 Using JavaScript, HTML and CSS - No Canvas Required

Build the 2048 tile game in JavaScript, HTML, and CSS, implementing its tile movement, merging, random placement, and keyboard controls.

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

Code with Ania Kubów

Build Your Own Minesweeper Game in Pure JavaScript, HTML, and CSS While Learning About Recursion

Build Minesweeper in JavaScript, HTML, and CSS while learning how recursion works through the game’s logic.

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

Code with Ania Kubów

Build Your Own Candy Crush Using JavaScript, HTML and CSS - Ania Kubow

Learn to build a Candy Crush game while practicing JavaScript drag-and-drop interactions and common built-in methods.

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

Code with Ania Kubów

Build PACMAN in Vanilla JavaScript, HTML, and CSS - Ania Kubow

Build a Pac-Man grid game where JavaScript moves the player around walls and gives each ghost distinct traits and speeds.

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