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

Stylish-Multiple-CSS3-Checkbox-Styles-Design-CSS-Code

Stylish Multiple CSS3 Checkbox Styles Design CSS Code

This CSS code snippet comes with nine interactive checkbox-style examples. Basically, it has three concepts containing three variants of each. These concepts include slide, rounded and squared checkboxes. These styles can be applied to the HTML input type radio and checkbox. This CSS checkbox pack i...
Multiple-Images-DragDrop-Uploader-With-Preview-Using-Pure-JavaScript

Multiple Images DragDrop Uploader With Preview Using Pure JavaScript

A couple of weeks ago, I work on a project that has a preview image feature for the user. Basically, the user wants to upload the image and we want the user to see whether the uploaded image actually fits our card design or not. Once the user is happy with the image, the user […]...
How-To-Duplicate-Or-Copy-Paste-Entire-Row-In-MySQL-Same-Table-Using-PHP

How To Duplicate Or Copy/Paste Entire Row In MySQL Same Table Using PHP?

MySQL allows you to copy data across tables and databases, using SELECT and INSERT statements. In some cases, you may need to copy a row and insert into the same table in MySQL. This is often required to create test data for quality checks or duplication of data. In this article, we will learn how [...
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 ...