Hey Programmers! In this blog, you are going to learn to create a price range slider or a double range slider with min-max inputs with simple stacks like HTML,CSS and JavaScript. With a very conventional way of building websites, we will make this cool project. A price range slider is a type of meter which … Read more
In this blog, we will see how to create a skeleton loader for a web page irrespective of the platform. We will be working on skeleton loader CSS so it can be implemented in almost all of your projects that are you might have developed on React JS, Angular, HTML/CSS or any other JS or … Read more
Hey programmers! In this exciting blog, we’ll learn how to build a Word Guessing Game using HTML CSS & JavaScript. The game is very similar to the hangman game.The word guessing game is a task in which a player has to find all letters of a random word in the given number of trials. There … Read more
Hey Programmers! In this blog, we will see how to optimize images for SEO (Search Engine Optimization for better ranking on Google, Bing, Yahoo etc), Website Speed & Performance and User Accessibility (In case the image doesn’t get load for any reason.). Optimizations means improving for the best and we will see how we can … Read more
In this tutorial, we are going to create some useful and very simple CSS tabs without using JavaScript. Generally on internet you will find the resources that have developed Tabs using JavaScript, but here you will find the code using a different technique where we have only used the CSS to create tabs. It’s always … Read more
In this blog, we will see how to remove a leading zero from a number using JavaScript. There are some built-in ways in JavaScript to do this. The different methods to trim the leading zero are as follows: parseInt() function A unary operator A regular expression Let’s see each of them one by one. parseInt() … Read more
Styling in React with CSS is not very different from the conventional ways of building applications and it’s very similar to the static HTML website, but yes it’s somewhat different so in this article you will see what are the different ways to add CSS in React. We will briefly discuss some of the very … Read more
In this article, we will see how to add the array of refs or the multiple refs to one useRef() hook in React.js. A common practice seen in React apps is mapping of data with an array. When we have large arrays of data and we have to do some same operation/display that array on … Read more
In this tutorial, we will see how we can detect mouse right-clicks with Javascript. Click events have a button property associated with it, that allows us to get the exact mouse button. Mousedown and mouseup handlers may need an event to differentiate the clicks because these events trigger on any button. APIs in Javascript allow … Read more
In this blog, we will learn how to merge multiple arrays and strings into a single array with Lodash library. We can merge or combine multiple arrays and strings into a single array with Lodash by using the _.concat() method provide by the Lodash library. This method joins two or more strings and it doesn’t … Read more