Aryan Maurya

Hi! My name is Aryan Maurya. I’m a Full Stack Web Developer, and I am very passionate and dedicated to my work. With 5+ years of experience as a professional Web developer. I love traveling and exploring new places and experience the beauty, food and people of different regions.

Top 10 Git commands with example

Top 10 Git commands listed here: git config git config -global user.name "[name]" git config -global user.email "[email]" git clone git clone [url] git add git add [file] git add...

Countdown timer hours minutes seconds jquery

The countdown functionality can easily be added to HTML code, you do need to set the expiry time and add some jquery code to your project. HTML FILE <div id="countdown">...

Difference between two dates in days jquery

In this post, we find a difference between two dates in days TypeScript File var timeStart= new Date(this.startDate).getTime(); var timeEnd = new Date(this.endDate).getTime(); var diff = timeEnd - timeStart; //in...

Display row only if certain conditions are met in ngx-datatable

TypeScript File In ngx-datatable we show our data to the datatable link this [rows]="rows", what you need to do is filter out the objects you don't want to be in...

jQuery Add/Remove class on parent/sibling

The jQuery siblings() method is used to get the sibling elements of the selected element. The following example will highlight the siblings of the <li> element by adding the class...

How to create pulse effect animation CSS?

I've been playing around the past week with this CSS animation and that I thought that it would be nice and useful to write down a brief article about how...

How to customize input type=”file” using CSS?

A tutorial on how to style and customize <input type="file"> in a very semantic, accessible way using the element with CSS only. No need to add a single line jquery...

How to create a custom scrollbar using CSS?

Although scrollbar has just a small area on the web browser, to me — as an interface designer — it’s not that tiny, nor okay to ignore. If you care about every small...

How to automatically update the copyright year?

If your website is still showing “© 2019” and it should be “© 2020” then take the chance to update once and have it correct forever using one in all the code snippets below: Current year...

How to change background color with infinity loop?

You don't need jQuery for making this trick. You can use simple CSS animation instead, and it will be more performance and simplicity. In my example, we just add a...