Published in JavaScript in Plain English·Sep 28, 2021How to Convert a React Component to an ImageSometimes 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. …Java Script2 min read
Published in JavaScript in Plain English·Sep 13, 2021How to Specify a Node Version in Repl.itI 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…Java Script2 min read
Published in JavaScript in Plain English·Sep 9, 2021Access the Clipboard in JavaScriptDevelopers 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! …Java Script2 min read
Published in Nerd For Tech·Sep 1, 2021Using counters in CSS to number elements automatically — Wisdom GeekOrdered lists have been an important part of web design for quite a while now. If we needed more control over the appearance of numbers, we had to add more HTML and/or JavaScript to do so until now. Counters in CSS save us much of that trouble. Challenges with ol An ordered list…Web Development3 min read
Published in JavaScript in Plain English·Aug 29, 2021How to Remove a Property from a JavaScript ObjectThere 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 operator delete is a…Java Script2 min read
Published in Nerd For Tech·Aug 17, 2021Script to change Zoom virtual background every dayOver the past few months, I found a new use of the pictures that I have clicked while hiking. I started using them as Zoom virtual backgrounds. If you are anything like me and take a lot of pictures, it can be hard to decide which one looks good. And…Zoom3 min read
Published in JavaScript in Plain English·Aug 15, 2021Optimize JavaScript Loading with ‘defer’ and ‘async’ AttributesWe are all used to using the script tag to load external JavaScript files in our HTML. Traditionally, the only workaround for having the scripts load after the HTML has been loaded was to move the script tags towards the end of the body. But JavaScript has come a long…Java Script3 min read
Published in JavaScript in Plain English·Aug 7, 2021An Introduction to Web NFCWhat is Web NFC? It is a short-range wireless technology allowing devices at a distance of within 10cm to communicate. — NFC or Near Field Communication is a short-range wireless technology that allows devices at a distance of less than 10cm to communicate. It is mostly useful when interacting with NFC tags. Web NFC became a thing very recently with Google announcing support for it in Chrome for Android.Web3 min read
Published in JavaScript in Plain English·Jul 31, 2021Progressive JPEG: What They Are and How They Help Improve Web PerformanceA progressive JPEG image is a JPEG image that is encoded in a different manner than a baseline JPEG. — A progressive JPEG image is a JPEG image that is encoded in a different manner than a baseline JPEG. It loads in waves until a clear picture is loaded. This can improve the performance of a website as the image appears to be loading faster. The difference between Progressive JPEG and baseline JPEGWeb Development2 min read
Published in Nerd For Tech·Jul 21, 2021The Pomodoro Technique: Productivity hacksThe irony of time management productivity tips is that the people who need them the most do not realize that they do. There are too many productivity tips out there but the Pomodoro technique is probably the most discussed and used one. …Productivity3 min read
