Blogs

I've been writing online since 2021, mostly about web development and tech careers. In total, I've written 79 articles till now.

All Posts (79)

Bookmark
RSS
My VS Code setup
My VS Code setup

In this article, I'll be sharing my personal Visual Studio Code setup. This includes the theme and icons that I use, as well as a list of extensions that I find essential for my daily development work.

Jatin Sharma
Jatin SharmaFeb 1, 2023

6 min read

How to use Google Analytics Data API
How to use Google Analytics Data API

In this article, I am going to walk you through that how you Google Analytics Data API to fetch data from Google Analytics in the simplest way I can. After reading this article you'll be able to use this in your project with ease.

Jatin Sharma
Jatin SharmaDec 27, 2022

4 min read

Learn Typescript from Scratch
Learn Typescript from Scratch

In this article, I'll give a brief introduction to Typescript. I'll cover most of the topics with examples as well. After reading this post, you can use typescript in your projects (using typescript in React or other frameworks is out of reach). Let's get down to business.

Jatin Sharma
Jatin SharmaDec 14, 2022

49 min read

Make Your Video Player Float Using PiP API
Make Your Video Player Float Using PiP API

In this article, I am going to make your video player float by using Picture-in-Picture (PiP) JavaScript Web API. This could be an important feature you can add to your website. If your website is showing a demo or has many videos.

Jatin Sharma
Jatin SharmaDec 13, 2022

4 min read

Detect When Users Switch Tabs using JavaScript
Detect When Users Switch Tabs using JavaScript

In this article, I'll show you how to find out when users change tabs in browsers using JavaScript. It's going to be fun, it's helpful to see how often the user loses his attention. You can even use it to add the data to the database.

Jatin Sharma
Jatin SharmaSept 7, 2022

2 min read

Windows Commands Cheat Sheet
Windows Commands Cheat Sheet

This is the Cheat Sheet of Windows Commands. It gives you all the commands and a short description of the command. I've also attached the documentation link for further reading.

Jatin Sharma
Jatin SharmaAug 17, 2022

13 min read

CSS Flag: India
CSS Flag: India

On the occasion of Independence day of India, I am starting a new series called CSS Flag. This is the first post where I'll create an Indian Flag using CSS.

Jatin Sharma
Jatin SharmaAug 15, 2022

5 min read

CSS Icon: Android
CSS Icon: Android

In this article, I will create a Android icon by using CSS only. Let's look at how we do that.

Jatin Sharma
Jatin SharmaJuly 18, 2022

2 min read

IP Address & Classes
IP Address & Classes

In this article, I have solved an `Acid Rain` CSS Challenge on CSS Battle. It contains two ways by which you can solve this challenge.

Jatin Sharma
Jatin SharmaJuly 6, 2022

7 min read

CSS Battle: #5 - Acid Rain
CSS Battle: #5 - Acid Rain

In this article, I have solved an `Acid Rain` CSS Challenge on CSS Battle. It contains two ways by which you can solve this challenge.

Jatin Sharma
Jatin SharmaJuly 3, 2022

3 min read

Preview File before uploading in React
Preview File before uploading in React

This article will explain how you can build a file previewer in React that works for images and videos. With this article's help, you can create your own and make support for other files.

Jatin Sharma
Jatin SharmaJune 4, 2022

7 min read

Active Navbar with Next.js Routes
Active Navbar with Next.js Routes

This is the walkthrough of how you can make an active navigation bar by using Next.js router and it'll highlight the current page user visiting in the navbar.

Jatin Sharma
Jatin SharmaMay 26, 2022

4 min read

Paths and Comments in Bash
Paths and Comments in Bash

In this article, I've discussed about the Absolute and Relative paths and how you can use them and also how you can write the Single and Multiline comments in the bash script.

Jatin Sharma
Jatin SharmaMay 9, 2022

3 min read

Scroll to the top with JS
Scroll to the top with JS

You may have seen various types of website in that there is a button that takes you to the top of the page. Have you ever wondered how it actually works? Well, it's not rocket science or something it's very easy to do and after reading this article I am sure your website will have that button too. So without further due, let's get into it.

Jatin Sharma
Jatin SharmaMar 9, 2022

4 min read

Google Docs with Next.js
Google Docs with Next.js

In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do.

Jatin Sharma
Jatin SharmaFeb 20, 2022

7 min read

Notification Panel
Notification Panel

In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do.

Jatin Sharma
Jatin SharmaJan 23, 2022

2 min read

6 ways to center a div
6 ways to center a div

This article show how you can make Center a child div vertically and horizontally respect to it's parent. There are many ways to do it. These ways are the best to use.

Jatin Sharma
Jatin SharmaJan 20, 2022

3 min read

Image Slider with Vanila JS
Image Slider with Vanila JS

In this article, we are going to make an Image Slider also known as carousel with a clean UI. It can slide the images with awesome animation and it will track the current image which you can see via dots on the bottom. First, Let's see what are we building.

Jatin Sharma
Jatin SharmaDec 31, 2021

9 min read

Colorful Rain with JS
Colorful Rain with JS

In this article, we are going to build a container that generates rain by using JS. And it is a colorful rain with random colors. You can play with colors however you want.

Jatin Sharma
Jatin SharmaDec 15, 2021

2 min read

Why I ditched chrome for Edge?
Why I ditched chrome for Edge?

I've been using google chrome for a long time I love the extensions and the look and feel of chrome but then I realized that all these extensions now work on the new Microsoft edge plus edge got a bunch of additional features. That I always wish chrome had let's take a look at why edge may be the better choice.

Jatin Sharma
Jatin SharmaDec 12, 2021

8 min read

Creative Hover Menu with CSS
Creative Hover Menu with CSS

In this article, we are going to make the navigation menu, but it will be in the verticle form, I'll recommend you to use this as the full page menu.first-letter

Jatin Sharma
Jatin SharmaDec 11, 2021

3 min read

Typing Effect with typed.js
Typing Effect with typed.js

This article show how you can make typing effect using Typed.js, In this you can pass array as argument and it will iterate over that and will show you the result in the typing form.

Jatin Sharma
Jatin SharmaDec 9, 2021

2 min read

Countdown Loading with JS
Countdown Loading with JS

In this article, we are building a countdown with the help of Javascript and CSS. It can also be used as the loading countdown.

Jatin Sharma
Jatin SharmaDec 7, 2021

2 min read

How to use Battery Status API?
How to use Battery Status API?

In this article, we are gonna build a Battery Informer which will display the battery status and the other information along with it such as the charging status, charging level and the discharging time.

Jatin Sharma
Jatin SharmaDec 6, 2021

4 min read

Typing Effect by using CSS
Typing Effect by using CSS

As you may have already seen some website which has some kind of typing animation. It looks cool right but what if I tell you it is very easy to do and you can do it with just CSS only, not without using JS.

Jatin Sharma
Jatin SharmaDec 3, 2021

2 min read

Curved Timeline in CSS
Curved Timeline in CSS

In this article, we are gonna build a curved timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want.

Jatin Sharma
Jatin SharmaNov 28, 2021

3 min read

How to use Web Storage API?
How to use Web Storage API?

In this article, we are going to look at the different types of web storage such as Local Storage, Session Storage, and Cookies to be more precise

Jatin Sharma
Jatin SharmaNov 19, 2021

7 min read

Timeline with CSS
Timeline with CSS

In this article, we are gonna build a timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want.

Jatin Sharma
Jatin SharmaNov 10, 2021

2 min read

Fully functional google search with next.js
Fully functional google search with next.js

In this article, we are gonna build a Battery Informer which will display the battery status and the other information along with it such as the charging status, charging level and the discharging time.

Jatin Sharma
Jatin SharmaNov 4, 2021

2 min read