Webdevpuneet - Freelance Web Developer

What is Freelancing?

Freelancing is a self-employed work style where individuals offer their services to clients on a project or contract basis, rather than working as a regular employee for a single employer. Freelancers typically work remotely or on a flexible schedule and are often...

How to use animation in three js?

Three.js

Animation in Three.js is achieved by modifying the properties of objects in the scene over time. This can be done by updating the properties in a loop, and re-rendering the scene in each iteration of the loop. Here’s a simple example of how to animate an...

How to use light in Three.js?

Three.js

How to use light in Three.js? Three.js is a JavaScript library that makes it easy to create 3D animations and visualizations in the browser. To use light in Three.js, you need to create a light object and add it to the scene. Here are the steps to add light to a scene...

CSS zebra stripe logic for more than two colors

Code Snippets, CSS

Zebra stripes are a popular design element that can be used to add visual interest and organization to tables and other elements. By default, zebra stripes are created using alternating colors of white and light gray. However, with CSS, it’s possible to create...

CSS technique for elastic moving active background for navigations

Code Snippets, CSS, CSS Animations

Here is a simple CSS solution (javascript not needed here) to achieve the active state elastic animations that go from left to right during the active state of a particular nav tab. Let “.bg-elastic” is the free-moving active state element inside the nav...