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

Auto-Complete-Search-Address,-Lat,-Lng-From-Google-Map-Search-&-Drag-Drop-PIN

Auto-Complete Search Address, Lat, Lng From Google Map Search & Drag Drop PIN

Google map is one of the most widely used APIs of Google as a majority of websites use Google maps for showing address location. For a static address, it’s pretty simple. All you need to do is input the address and the map will show the nearest location. The problem arrives when the address is [&h...
How-To-Set-Value-Of-Unchecked-Checkbox-When-Submitting-To-PHP

How To Set Value Of Unchecked Checkbox When Submitting To PHP?

Checkboxes usually represent binary data that are stored in the database as Yes/No, Y/N, or 1/0 values. HTML checkboxes do have bad nature to sending value to the server only if the checkbox is checked! That means that server scripts on another site must know in advance what are all the possible che...
Create-Confetti-Explosion-Background-On-Click-Using-Pure-JavaScript

Create Confetti Explosion Background On Click Using Pure JavaScript

Confetti.js is a lightweight JavaScript plugin to create a confetti celebration explosion effect. It draws confetti graphics on the HTML canvas element. The plugin allows you to render the confetti effect on any JavaScript event, like click, hover, or resize. So, you can use this animation effect fo...
Breaking-News-Vertical-Animated-Ticker-Using-Pure-HTML-CSS

Breaking News Vertical Animated Ticker Using Pure HTML-CSS

This lightweight CSS3 code snippet helps you to create a breaking news ticker in your HTML web project. It creates a stylish news ticker and scrolls text vertically after a certain delay time. You can use this news ticker to display headlines of the latest news, posts, or products on a webpage. You ...
Pure-JavaScript-Digital-Alarm-Clock-With-Alarm-Sound

Pure JavaScript Digital Alarm Clock With Alarm Sound

This JavaScript code snippet helps you to create an alarm clock with sound. It comes with a digital clock that shows the current time and alarm settings interface. Users can easily set an alarm for a certain time, when the alarm starts, the user can turn it off or snooze for the next five minutes. [...
Dot-Printer-Style-Nutrition-Facts-Receipt-Template-Design-In-Pure-HTML-CSS

Dot Printer Style Nutrition Facts Receipt Template Design In Pure HTML/CSS

Here is a CSS snippet that you can use to display an HTML table to look like a Nutrition Facts Label that can be found on packaged foods and beverages. There are many code snippets available online or on many other blogs and websites, but everyone cannot optimize your blog or website, so you need [&...
How-To-Add-Pure-CSS3-Responsive-HTML-Table-Example

How To Add Pure CSS3 Responsive HTML Table Example?

A table is a nice way to display large and complex data in a structured way. But often tables on websites are large and don’t look good on smaller screens (mobile, tablet). Luckily there are a few ways how you can improve your table’s appearance and make them responsive with just CSS code. There...