🔰 How to generate compact numbers in JavaScript.

The Intl (internationalization) API in browsers and Node JS provide a lot of useful utilities for working with language specific displays, such as the "compact" notation such as 10K, 5M, etc

Here is an example on how you can use it 🔥

This is useful for things like dashboards and social media profile pages.

💡 JavaScript is full of hidden Web API gems you probably aren’t using. From observing elements to copying content, this carousel breaks down underrated APIs that level up your frontend.

🔰 DOM Manipulation

For DOM manipulation, we use JavaScript to access, modify, or create these elements, making our web pages come alive without the need to reload them.

In this post we are going to look at:
Create Elements
Insert an elements
Modifying Contents
Replacing Elements
Remove Elements
Updating Element Attributes

DOM manipulation empowers developers to create dynamic and interactive web experiences.

Mastering methods like inserting, removing, replacing elements, updating attributes enables seamless user interactions.

In CSS, the "cap" unit is defined as the size of the capital letter of the current font size.

🤩 This is very handy for defining icons that accompany some label, such as inside bottons

In this example, we have defined an icon with height 1cap, which makes it equal to the letter "S" height.

We also have aligned this icon to the baseline for a perfectly aligned text and icon ✨