Css Courses

CSS Experiments

In this 10-lecture course, you will do some fun experiments in CSS! You will learn about card flipping effect, slide over menu, push over menu, CSS accordion, pulsing button, sliding door reveal, button background reveal, and drawing on animation.

• YouTube
• 1 hour 30 minutes
• On-Demand
• Free Video

Tech with Tim

CSS for Non-Web Developers - Tutorial - Part 1

Learn essential CSS properties for non-web developers, covering selectors, colors, layouts, box model, flexbox, and positioning. Master the basics to style your projects effectively.

• YouTube
• 57 minutes
• On-Demand
• Free Video

Linode

Code a Note Taking App From Scratch - Full Stack HTML, CSS, JavaScript & Node.js

Build a full-stack note-taking app from scratch using HTML, CSS, JavaScript, and Node.js. Learn database integration, user authentication, and CRUD operations for a functional web application.

• YouTube
• 1 hour 18 minutes
• On-Demand
• Free Video

DaFluffyPotato

Python Webdev - CSS

Learn to enhance your HTML with CSS, including styling, Google Fonts, layout techniques, and interactive elements for creating visually appealing web pages using Flask.

• YouTube
• 31 minutes
• On-Demand
• Free Video

Creating a Standout GitHub Pages Portfolio - HTML, CSS, and JavaScript Techniques

Learn to enhance your GitHub Pages portfolio with responsive design, embedded videos, and interactive elements using HTML, CSS, and JavaScript. Gain practical tips for standout content and visual appeal.

• YouTube
• 1 hour 1 minute
• On-Demand
• Free Video

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
• On-Demand
• Free Video

TheCoderCoder

Building a Portfolio Website With HTML & CSS - Part 1

Learn to create a developer portfolio website using HTML and CSS, focusing on global styles and header construction in this hands-on tutorial.

• YouTube
• 1 hour 41 minutes
• On-Demand
• Free Video

Coding Tech

Modern CSS Tips and Tricks

Discover modern CSS techniques to enhance your front-end development skills, including layouts, centering, and grid systems, with practical examples and bonus tips for improved workflow.

• YouTube
• 28 minutes
• On-Demand
• 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
• On-Demand
• Free Video

TheCoderCoder

Building a Portfolio Website with HTML & CSS

Learn to build a portfolio website's Skills section using HTML and CSS, covering responsive design for mobile, tablet, and desktop layouts.

• YouTube
• 58 minutes
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• Free Video