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

How-To-Customize-Radio-Buttons-And-Checkboxe-Buttons-With-Pure-CSS

How To Customize Radio Buttons And Checkboxe Buttons With Pure CSS?

There are so many tutorials on the internet which help you to create custom checkboxes and radio buttons, but almost all of them use JavaScript or jQuery, which is totally redundant nowadays. If you want to give radio buttons and checkboxes a custom style but only want to use HTML and CSS (so no Jav...
How-To-Create-A-Double-Input-Range-Slider-Using-JavaScript

How To Create A Double Input Range Slider Using JavaScript?

In this tutorial we’ll be coding a double range price slider. While HTML does have a native range slider input this isn’t suitable for when a double range selection is required (min and max). So to achieve the desired functionality some creative CSS and JavaScript is required. There are many cod...
Before-After-Image-Slider-Using-Mouse-Drag-In-Pure-Vanilla-JavaScript

Before After Image Slider Using Mouse Drag In Pure Vanilla JavaScript

This Vanilla JavaScript code snippet helps you to create before and after image comparison sliders. It comes with scrolling and touch support to slide the vertical slider over the image to see the before and after differences. There are many code snippets available online or on many other blogs and ...
Simple-WYSIWYG-Rich-Text-Editor-Using-Pure-JavaScript

Simple WYSIWYG Rich Text Editor Using Pure JavaScript

This JavaScript code snippet helps you to create a simple WYSIWYG-rich text editor with all basic commands.  It is purely built with HTML5, CSS, and JavaScript without using an additional library or framework. This text editor allows users to apply bold, italic, underline, and deleted formats to th...
Pure-JavaScript-Voice-To-Text-Recognition-Code-Snippet

Pure JavaScript Voice To Text Recognition Code Snippet

The reason for speech recognition is for a PC or machine to effectively recognize the words verbally expressed by anybody. With this technique, there is no compelling reason to focus on more personal details, for example, emphasis, cadence, and so forth. It provides lots of advantages in developing ...
Simple-And-Quickest-PHP-File-Cache-Example-With-Auto-Expiry

Simple And Quickest PHP File Cache Example With Auto Expiry

In this article, you will learn about a simple file caching process using the PHP programming language. The cache is important because it improves the efficiency of data retrieval. It is a reserved storage location that collects temporary data to help websites, browsers, and apps load faster. As we...
Google-Maps-With-Multiple-Markers-And-Info-Windows-Using-JavaScript

Google Maps With Multiple Markers And Info Windows Using JavaScript

Google Maps is an easy and best way to display location on the web page. A marker is used to identify a location on Google Maps and an Info Window displays some content over the map. With a marker and info window, you can mark a location more efficiently. Also, it helps the user to […]...