Flipbook Book Slider With Manual Control Using Pure Vanilla JavaScript
December 20th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JavaScript code snippet helps you to create a flipbook image slider. It comes with the next and previous buttons to slide the images with a page-flipping animation. You just need to add your images (as background) inside the back and front container then this code will automatically ren...
How To Add Password Eye Icon In Password Input Form Field?
December 19th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JavaScript code snippet helps you to create a password visibility eye icon toggle button to show/hide passwords. It gets the password input field and changes its type from password to text to show the entered password. The snippet uses Font Awesome eye icon inside the password input fie...
Pure Vanilla JavaScript HEX Code Color Wheel Picker
December 18th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet helps you to create a color wheel picker. It renders a color wheel along with color plates and a color tune slider. Users can easily pick any color and copy the hex code for the color. This color picker is purely built with JavaScript without using any library. You can i...
Pure Vanilla JavaScript Responsive Image Slider With Text Over It
December 17th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis 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
December 16th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis 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
December 15th, 2022 | 2 Comments | HTML-CSS-PHP-JavaScript / PHP CodesSo 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...
