How to change Select dropdown arrow?

To change the appearance of the select dropdown arrow in an HTML, you can use CSS to target the select element and add a custom arrow. For example, the following...

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...