When we hide content, we’re usually hiding it both visually and from screen readers. However, although less occasional, there may be cases where you’ll want to only hide content visually…

The need to format currency according to localization is a common task in JavaScript. Previously, this would have been done with the toLocaleString method, which has several shortcomings. Now, thanks to the…

When you use methods like getElementsByName or querySelectorAll, to access elements in JavaScript, what is returned is a NodeList.  A NodeList is a collection of HTML DOM nodes representing the HTML…

As a JavaScript developer, there will be instances where you need to compare that the output of a computation is approximate to an expected value, to determine its correctness, especially…

Selecting parent elements based on the existence or state of child elements has always been a difficult task in CSS. But, the :focus-within pseudo selector lets us do just that.…

Sometimes if you’re working on password inputs, you may want to be able to hint to your users when their CAPS-lock key is on, so they don’t make mistakes. JavaScript…

This is one of the most frequently asked questions by newbie web designers; How to truly center an element with CSS? There are three ways that I know of to…

These days, we can add almost all external Javascript into our project as npm/yarn packages. However, there may be times when the external resource is not available as an npm/yarn…

Hooks were released by the React team in v16.8 as functions that let you “hook into” React state and lifecycle features from function components to let you use React without…

A URL which stands for uniform resource locator is a unique identifier used to locate a resource on the web. A simple typical URL would be like this: https://domain-name.com/blog/about-me.html https://…

Event listeners in JavaScript are used to act in response to user events. User events are any interactive activities that a user does while on your website. It can be…

The inline, inline-block, and block layout values are all possible values for the CSS display properties. Many newbie frontend developers usually struggle with understanding the difference between the three, and…