Search for a command to run...
I have been wanting to redo my portfolio, and one of the major things I wanted it to have was smooth scrolling. So, I created a super simple smooth-scrolling effect with no extra dependencies but react. In this blog, we'll be creating that together. ...
What is Docker? Docker is an ecosystem of services that are used to create, run and administrate containers. In simple terms, a container is an isolated environment just for running a particular application. A container essentially contains the appli...
I saw this fancy scrolling effect on this website and it just blew my mind. I thought of recreating it and got somewhat successful :) BTW, surely check this portfolio website by Ilya Kulbachny. Read this article on my blog to see it working live and ...
I recently fabricated this 'Tag-Text-Search' functionality for my blog. So, here is a little article just about it. BTW, the source code for the blog is public and you can surely go check it here. In this blog we'll be using Context API to make the s...
This is called a "marquee" and apparently, I needed one for my portfolio website. So, I thought I might as well share it with you all! In this blog, we'll create an infinitely running long text (that seems to be very trendy lately) using Framer Motio...
Just like the last article, this also focuses on a feature that I would like my portfolio to have. A custom cursor. I've noticed this treat a lot lately and I think it adds a bit of extra sass to the website. In this article, we'll be making a very b...
I had to make an image slider for a project and I found out that there is no ready to use cool, basic, image slider. So I went ahead and made one using react-slick. In this article, we will be making that image slider together. Let's get right into i...
In this article, we'll be creating a theme switcher using styled-components, context API, and of course, react. Live Example: https://codesandbox.io/s/react-theme-swticher-hbgjc Github Repository: https://github.com/holdmypotion/React-Theme-Swticher ...
The essential difference between em and rem is that rem is "root em". Now that out of the way let's first see what actually em is? EM EM is relative to the current font size of the parent element. This basically means that if the font size of the par...