You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript

How-To-Get-Remaining-Days,-Hours,-Minutes-And-Seconds-From-A-Date-Using-PHP

How To Get Remaining Days, Hours, Minutes And Seconds From A Date Using PHP?

Today, we will learn to calculate the time remaining till future dates in days, hours, minutes and seconds. Either you are receiving values in the PHP variable from the MySQL database, or you are calling an AJAX request, this tutorial will help you in both situations. We will also display the hours,...
Simple-And-Clean-Fixed-Right-Side-Sliding-Panel-Using-Pure-JS-and-CSS3

Simple And Clean Fixed Right Side Sliding Panel Using Pure JS and CSS3

Do you want a clean, responsive and simple sliding widget that will slide from the right side of the screen with fixed position event whole screen is able to scroll behind it in a simple way then here is the minified code with basic syntax to achieve your target in a simple and nice way? […]...
How-To-Set-Value-Of-Input-type-datetime-local-Via-Pure-JavaScript

How To Set Value Of Input type=”datetime-local” Via Pure JavaScript?

The <input> tag with a type="datetime-local" attribute creates an input field that accepts a date and time value which does not include the timezone (hence ‘local‘). The input element with a type attribute whose value is “datetime-local” represents a control for setting the...
How-To-User-Get-Location-Details-Using-Pure-PHP

How To User Get Location Details Using Pure PHP?

Detecting the location of your users can be really useful if you want to personalize your user’s experience when they browse through your website. Want to show a uniquely tailored promotion? Want to change the language of your site or design based on where your users are coming from? Lots of websi...
Simple-And-Clean-Double-Value-CSS-Badges-And-Labels-Examples

Simple And Clean Double Value CSS Badges And Labels Examples

The following example of CSS badges can be used for notification or an attractive button. It includes both icon and label which has additional 4 effects of changing background as per data type. This serves as an interactive navigation option for the users. While in a menu you have a number of compon...
15-Stylish-And-Attractive-Custom-CSS-For-Scroll-Bar-Using-CSS3

15 Stylish And Attractive Custom CSS For Scroll Bar Using CSS3

Custom scrollbars are getting more popular nowadays, and I’m very keen to dig into them. There are different reasons why to customize a scrollbar. For example, the default scrollbar can make an app UI look inconsistent across multiple operating systems, and here we can get the benefit of having a ...

How To Capitalize Every Starting Letter Of A Word In A String JavaScript?

Do you want to capitalize each first letter of the word in a string using Vanilla JavaScript? Here is the little one-line function to make any string capitalised in one process. There are many code snippets available online or on many other blogs and websites but everyone is not able to optimize you...