Css Courses

Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

Learn to build a 2D game from scratch using JavaScript, HTML, and CSS. Master sprite animation, parallax backgrounds, collision detection, and particle effects while exploring an alien planet theme.

• freeCodeCamp
• 2-3 hours
• Self-Paced
• Free Video

Web Dev Simplified

A Fancy Box Shadow Trick Saved Me in This CSS Battle

Explore CSS Battles with advanced techniques like box shadow tricks. Learn to solve complex design challenges and improve your CSS skills through practical examples.

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

Web Dev Simplified

Can I Create This Very Complex CSS Animation?

Recreate the Prettier logo animation using complex CSS techniques, including load and slide effects, with step-by-step guidance and practical coding examples.

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

Web Dev Simplified

Creating an Animated CSS Review Card

Learn to create an animated CSS review card with advanced features, focusing on ecommerce design, problem-solving, and debugging techniques for web developers.

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

Web Dev Simplified

Can I Create a Deck of Cards With CSS

Learn to create a realistic deck of cards using CSS, from basic structure to intricate details like pips and face cards, with live problem-solving and step-by-step guidance.

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

Web Dev Simplified

Creating a Magic CSS Indicator

Learn to recreate a captivating CSS magic indicator for navigation menus. Master techniques for basic navbar structure, animated indicators, and JavaScript integration for a polished, interactive design.

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

Web Dev Simplified

Creating a Simple CSS Hover Animation

Learn to create a complex split text hover animation using CSS, with step-by-step guidance on HTML structure and multiple CSS approaches for achieving the desired effect.

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

Web Dev Simplified

Creating a Tricky Animated CSS Sidebar

Learn to create a complex, animated CSS sidebar inspired by YouTube's design, covering HTML structure, CSS styling, and JavaScript functionality for a responsive web experience.

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

Web Dev Simplified

Creating a Tricky CSS Vertical Timeline

Live coding demonstration of creating a vertical timeline layout in CSS, covering HTML structure, card styling, timeline design, and header formatting.

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

Web Dev Simplified

How to Create an Ocean with CSS-JavaScript

Create an interactive ocean using CSS and JavaScript, while learning about API integration and dynamic content display for an engaging web development project.

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

DesignCourse

Learn HTML & CSS - Crash Course

Comprehensive HTML & CSS crash course covering responsive design, mobile-first approach, animations, and JavaScript integration for a fully functional website.

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

TheCoderCoder

Building a Portfolio Website With HTML & CSS

Learn to build a portfolio website's Projects and Contact Form sections, focusing on responsive design and accessibility across devices.

• YouTube
• 5 hours 20 minutes
• Self-Paced
• Free Video

TheCoderCoder

How I Debug and Problem-Solve CSS Issues

Learn effective CSS debugging techniques, from search strategies to practical problem-solving methods, enhancing your web development skills and troubleshooting abilities.

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

TheCoderCoder

Building a Portfolio Website With HTML & CSS - Part 2

Learn to build a responsive hero section for a developer portfolio website using HTML and CSS, focusing on mobile-first design and progressive enhancement.

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

Mike Dane

Less - Supercharge Your CSS

Learn to supercharge your CSS with Less, covering installation, variables, mixins, conditionals, nesting, operators, functions, and imports in this comprehensive tutorial.

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