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

Pure-Vanilla-JavaScript-Responsive-Image-Slider-With-Text-Over-It

Pure Vanilla JavaScript Responsive Image Slider With Text Over It

This JavaScript code snippet helps you to create a responsive image slider with text. It renders a dynamic image carousel with a title, subtitle, background URL, and call to action link in each slide’s template. The image slider comes with arrow buttons to navigate the next and previous images wit...
Pure-Vanilla-JavaScript-Stop-Watch-With-Controls-In-Milliseconds

Pure Vanilla JavaScript Stop Watch With Controls In Milliseconds

This Vanilla JavaScript code snippet helps you to create a stopwatch with real-time updating seconds and milliseconds. It comes with three buttons to start, stop and reset the stopwatch. The code is based on a simple idea to convert milliseconds to seconds using a timer function. There are many code...
Pretty-Print-JSON-Data-Formatter-In-HTML-Using-PHP

Pretty Print JSON Data Formatter In HTML Using PHP

So many times we are required to print the JSON in a pretty format because it is easy to read and understood. As we know JSON (JavaScript object notation) is a lightweight data-interchange format. It is easy for humans to read and write. This tutorial shows how to pretty print JSON data in HTML usin...
Skewed-Inline-DIV-With-Straight-Background-Image-and-Text-Inside-DIVs

Skewed Inline DIV With Straight Background Image and Text Inside DIVs

More and more in web design, we find ourselves putting text on top of images. More often than not, this is a dangerous game. Images have dynamic color and lighting and text for the most part is one color. This is often a nightmare for readability and accessibility. Do you want to show multiple respo...
How-To-Get-Formatted-Address,-Latitude,-and-Longitude-From-Dragging-Google-Map-Marker

How To Get Formatted Address, Latitude, and Longitude From Dragging Google Map Marker?

Suppose you have a contact form with an input field called location or address. Now you want to show the user his or her location in google maps based on the address he or she typed. Or you need their location co-ordinate (latitude and longitude) for that address. To convert addresses into geographi...
How-To-Declare-and-Initialize-PHP-Objects-Without-Class

How To Declare and Initialize PHP Objects Without Class?

In this article, we go over how to initialize an object in PHP without Class. Initializing an object means that we give an object that has been created from a class a value or values. For example, say we create an object named car from the class of the vehicle. The vehicles class represents a [&hell...
Highlight-Active-Current-Page-Menu-Link-Automatically-Via-JavaScript

Highlight/Active Current Page Menu Link Automatically Via JavaScript

How we can highlight the current page, menu, or link? We can do this with HTML CSS & JavaScript. Check Out This Highlight Current Page With HTML CSS JS, Show Active Link Or Menu. I am sure that, You have seen underlining on the current menu or page on mostly all websites. When we click [&hellip...