👀 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

📒 FREE Book

React.js Design Patterns: Learn how to build scalable React appswith ease (2023)

By: Anthony Onyekachukwu Okonta

#book