CSS free courses

CSS Essential Training
Rating ⭐️: 4.7 out of 5
🎬 71 video lessons
⏳Modules: 8
📄 Projects
☢️ Quizes
🏃‍♂️ Self paced
Teacher: Christina Truong
Source: LinkedIn Learning
🔗 Course link

XHTML and CSS
Rating ⭐️: 4.4 out of 5
🎬 46 video lesson
🏃‍♂️ Self paced
Teacher: Prof. Bucky Roberts
Source: freevideolectures
🔗 Course Link

CSS: Zero to Hero in CSS by Styling a Website from Scratch
Rating ⭐️: 4.7 out of 5
Students 👨‍🎓: 25,847
Duration ⏰: 6hr 17min
Created by: Jad Khalili
🔗 Course link

Intro to CSS
🎬 24 video lesson
🏃‍♂️ Self paced
📄 Notes, Documentation
☢️ Challenges, Projects
Teacher: Pamela
Source: Khan Academy
🔗 Course link

Learn CSS
🎬 45 video lesson
Duration ⏰: More than 2 hours
🏃‍♂️ Self paced
Resource: ilovecoding
🔗 Course link

Responsive Layout with CSS
Rating ⭐️: 4.7 out of 5
🎬 48 video lesson
⏳Modules: 5
⏰ Duration: 2h 32m
🏃‍♂️ Self paced
Teacher: Clarissa Peterson
Source: LinkedIn Learning
🔗 Course link

Level Up Your CSS Animation Skills
🎬 30 video lesson
Duration ⏰: 3-4 hours worth of material
🏃‍♂️ Self paced
Resource: Class Central
🔗 Course link

Learn Basic CSS by Building a Cafe Menu (No Video)
92Interactive lessons
🏃‍♂️ Self paced
Resource: freecodecamp
🔗 Course link


Books
HTML & CSS: The Complete Reference, Fifth Edition (Complete Reference Series)
HTML & CSS Design and Build Websites
CSS Cheat Sheet

#CSS
➖➖➖➖➖➖➖➖➖➖➖➖➖➖
👉Join @bigdataspecialist for more👈

👀 Eye Toggler Effect || HTML & CSS

💻Get code

#html #cheatsheet

Find the error in the code.
The answer should be: 0, 1
Difficulty: Average😐

const createCounter = () => {
  let count = 0;
  return () => {
    console.log(count++);
  };
};

const counter1 = createCounter();
const counter2 = createCounter();

counter1(); 
counter2();

🎬Movie App With Search Function || HTML, CSS & JS

💻Get code

Html input types

Find errors in the code.
Difficulty: Average🤨

class Rectangle {
    constructor(width, height) {
        this.width = width;
        this.height = height;
    }

    getArea() {
        return width * height;
    }
}

const rect = new Rectangle(5, 10);
console.log("Area:", rect.getArea());

Youtube Clone UI || HTML & CSS

💻Get code

CSS Tip 💡

We can use the latest CSS features in supported browsers and apply fallback styles in unsupported browsers using the supports at-rule

Hidden Gems of Tailwind CSS

Tailwind CSS has some lesser-known features that can make developing web UIs easier.

This article goes over a couple of them, such as using gap-* to add space between elements.

🔗 Link to the article

#css #tailwind