You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript
Add A Simple Page Scroll Reader Indicator With Pure Vanilla JavaScript
| January 17th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesReading progress indicators are generally used in long-form articles. They provide a visual clue for readers indicating how far they are from the end of an article. In this tutorial we’ll be creating a reading progress indicator that looks and functions like the following: Adding a progress bar to...
Complete List Of Timezones In Dropdown Using PHP
| January 15th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / PHP CodesIf you’ve ever had to deal with time and PHP before, chances are you’ve had to deal with time zones. Dealing with time is difficult enough, but once the time becomes variable based on the preferences of the user of your application, it becomes even more confusing. Why so confusing? I mean, it se...
Scratch Card Like Example For Captcha Or Coupons Using Plain JavaScript
| January 14th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesYet another code snippet to create a scratch card using JavaScript and HTML5 canvas. This Vanilla JavaScript plugin allows you to hide your coupon code or other winning code that will show on scratch. You can place any number/text behind the scratch area. Users can scratch with a cursor or touch swi...
JavaScript Based AutoComplete DropDown Using Pure Vanilla JavaScript
| January 13th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JavaScript code snippet helps you to create autocomplete suggestion dropdown. It uses JavaScript regular expression pattern to match the entered value on keyup event. After matching, it appends the result to the suggestions list and highlights both the first letter and all matches in th...
JavaScript JSON Color Formatter With Expandable Toggle
| January 8th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet helps you to create JSON formatted with a tree view. It uses JSON.stringify() method to convert a JavaScript object or value to a JSON string. You can input JSON data and view it in the well-formatted collapsible tree view. Besides this, the interface comes with all nece...
Dark Mode Theme Switch Button On Full Website With sessionStorage
| January 6th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet helps you to create a dark mode toggle button with local storage to save dark mode settings. The toggle button adds a class name to the body element and changes the whole page styles accordingly. It uses sessionStorage to get the dark mode status to determine whether it ...
