You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript
Pure Vanilla JavaScript CountDown Timer With Timer Bar
| November 23rd, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesSometimes, you’re going to need to build a JavaScript countdown clock. You may have an event, a sale, a promotion, or a game. You can build a clock in raw JavaScript rather than reaching for the nearest plugin. While there are many great clock plugins, here are the benefits you’ll get from using...
Get Difference In Two Dates In Days, Hours, Minutes And Seconds In JavaScript
| November 22nd, 2022 | 2 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesToday, we will learn to calculate the time difference between two dates in days, hours, minutes, and seconds. Either you are receiving values in the JS variable, or you are calling an AJAX request, this tutorial will help you in both situations. We will also display the hours, minutes, and seconds i...
Pure JavaScript Date Functions Lightweight Vanilla JavaScript
| November 14th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesJavascript Date object is not very well-loved in the community. It is something Javascript adopted from Java but both grew in different directions. Its API can be confusing and lacks a lot of methods and information that you often need when working with date and time in your projects. I’ve use...
TikTok Style CSS Page Loader Animation With CSS3 Only
| November 12th, 2022 | 2 Comments | CSS Codes / HTML-CSS-PHP-JavaScriptWhen a visitor clicks on a link or button on your website, they expect to see some kind of feedback. But, if nothing happens, most will conclude that something is wrong. They’ll quickly navigate away before they realize your site has been processing their request. A loading animation can help ...
Zoom Image In Circle On Mouseover Using Pure JavaScript
| November 11th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesYet another lightweight image magnifier plugin that helps you to create zoom images on mouseover using JavaScript. It follows the cursor position and dynamically updates the zoomed area of the image. This simple image zoom plugin is purely built with CSS and JavaScript without any dependency. You ca...
Image Zoom on Hover with Pure JavaScript & CSS
| November 10th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesImage Zoom on Hover makes the image slider or gallery much more interesting and suitable. You can easily create an image zoom using only HTML and CSS. However, some amount of JavaScript has been used here. In this article, I have shown how to make an image zoom using JavaScript and CSS. Earlier I ma...
