Web Development

Select all text on click using CSS

Select all text on click using CSS

  • October 22, 2021

When a user has to select some text on a website, they have to drag and hold their mouse, or use double-click it. Sometimes, there are some samples that we know that the user is going to copy for sure. A use case for this can be code samples. The...

Detecting element causing CSS overflow

Detecting element causing CSS overflow

  • October 13, 2021

CSS overflows are an annoyance that keep showing up once in a while and are really hard to debug. Unwanted and unexpected scrollbars can lead to hours of inspecting the DOM to figure out what element is causing the issue and clicking random elements in the Chrome dev tools until...

How to create a UUID in JavaScript

How to create a UUID in JavaScript

  • September 30, 2021

Creating a globally unique identifier has always been a necessity in all programming languages and for some reason, JavaScript never had a way of doing it in the default spec. But that is changing now with the crypto API. We can now create a UUID in JavaScript. What is UUID/GUID?...

How to convert a React component to an image

How to convert a React component to an image

  • September 27, 2021

Sometimes you want to give the users the ability to download a part of the web application as an image. In that case, you want a way to convert a React component to an image. And it can be straightforward by using a third-party NPM package called html2canvas. Let us...

Specifying a node version in Repl.it

Specifying a node version in Repl.it

  • September 13, 2021

I was recently trying to use a later version of Node on Repl.it. I wanted to use a package that supported ES Modules, and the default version did not have support for it. So I wanted to use the latest node version in Repl.it. And found that there was no...

Accessing the clipboard in JavaScript

Accessing the clipboard in JavaScript

  • September 8, 2021

Developers are probably the laziest people on the planet. And of all the things, copy-paste is our favorite keyboard shortcut. But what is better than hitting ctrl + c? Having a button do the copying for you! And that is now possible using an asynchronous version of the clipboard API...

How to remove a property from a JavaScript object

How to remove a property from a JavaScript object

  • August 29, 2021

There are two ways to remove a property from a JavaScript object: one is the mutable way of doing it by using the delete operator. And the second one is the immutable way of doing it by using object restructuring. Let us go through each of these: 1. The delete...