Best Free and Open-Source JavaScript Photo Galleries
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 […]
What is Material UI
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 […]
Claymorphism: Will It Stick Around?
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 […]
How to Crop or Resize an Image with JavaScript
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 […]
8 CSS & JavaScript Snippets That Celebrate Spring
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 […]
TypeScript for Beginners, Part 1: Getting Started
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 […]
A Guide To Audio Visualization With JavaScript And GSAP (Part 2)
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 […]
The Best Way to Deep Copy an Object in JavaScript
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 […]
8 Best Free and Open-Source JavaScript Image Editors
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 Guide To Audio Visualization With JavaScript And GSAP (Part 1)
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 […]
