Images are an important part of website design. They help us break the monotony of text and provide some information visually to our visitors. While images usually have a supplementary role on many websites, they are the primary content of others. This is true for websites related to photography or event booking, for example. When […]
Introduction Material-UI (MUI) is a CSS framework that provides React components out-of-the-box and follows Google’s Material Design launched in 2014. MUI makes it possible to use different components to create a UI for a company’s web and mobile apps. Google uses Material Design to guarantee that no matter how users interact with the products they use, they will […]
Design trends come and go, and just a fraction sticks around longer than others. Flat design and its more popular successor, Material design, have been dominating the web UI for quite some time, featuring a minimalistic aesthetic that eliminates visual clutter and favors user experience. This approach is very utilitarian at its core as it […]
It is very easy to show resized or cropped version of an image on a website using CSS. However, this doesn’t change the original image data. What if you want to create an actual cropped or resized version of image for your visitors or clients? We have already written a couple of tutorials on how […]
The arrival of spring is always a cause for celebration. Flowers begin to bloom, the animal world teems with new life, and warmer temperatures cure us of cabin fever. It’s no surprise that the season also inspires creativity. Web designers have been known to build their own homages. Bursts of color and nature-inspired animation pop […]
Let’s start this tutorial with the question: “What is TypeScript?” TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. As an analogy, if JavaScript were CSS then TypeScript would be SCSS. All the valid JavaScript code that you write is also valid TypeScript code. However, with TypeScript, you get to use static […]
Last week in Part 1, I explained how the idea about how to record audio input from users and then moved on to the visualization. After all, without any visualization, any type of audio recording UI isn’t very engaging, is it? Today, we’ll be diving into more details in terms of adding features and any […]
In this article, we’ll learn what shallow and deep copying is, and the best way to deep copy an object in JavaScript. Shallow Copying vs Deep Copying In a reassignment operation involving primitive data types such as strings, numbers and booleans, the original variable is copied by JavaScript. For example, consider the following code: let […]
The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps […]
A while back I got approached by friend Kent C Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. And that was audio visualization. One feature of Kent’s site is being able to “record a call” and […]