You Are Viewing Posts Under Category: JavaScript Codes

How-To-Create-Resizable-Split-DIVs-Using-Pure-JavaScript

How To Create Resizable Split DIVs Using Pure JavaScript?

Resizable containers empower different users to customize a UI to emphasise what they find most important. A basic implementation of this is a split view or split pane, allowing users to enlarge content that is more relevant to them. When you needed to add support for a resizable panel-based layout ...
Set-Image-Zoom-In-POPUP-On-Click-Via-Pure-Vanilla-JavaScript

Set Image Zoom In POPUP On-Click Via Pure Vanilla JavaScript

A zoom image is one of the useful features of a user-friendly webpage design. It allows users to view the image more clearly in detail. This image can be a product or a general-purpose photo. There are multiple ways to allow users to see the full image. One of them shows the full zoom image [&hellip...
Pure-Vanilla-JS-Infinite-Responsive-Slider-With-Navigation

Pure Vanilla JS Infinite Responsive Slider With Navigation

There is no doubt that sliders are essential components in a website’s design. When you are limited in space. When you are limited in space but still want to display a lot of information, carousels come in very handy as they are perfect for displaying groups of related or unrelated content. Here w...
Pure-Vanilla-JS-Infinite-Auto-Play-Responsive-Slider-With-Navigation

Pure Vanilla JS Infinite Auto Play Responsive Slider With Navigation

There is no doubt that carousels are essential components in a website’s design. When you are limited in space. When you are limited in space but still want to display a lot of information, carousels come in very handy as they are perfect for displaying groups of related or unrelated content. Here...
Capture-The-Mouse-Click-On-DIV-and-Outside-The-DIV-On-A-Web-Page

Capture The Mouse Click On DIV and Outside The DIV On A Web Page

Do you want to create a popup when a button is clicked and close when anywhere else rather than a popup is clicked in vanilla JavaScript? So here we also wanted to create a way where we can make the popup close when a user clicks outside the popup but keep the popup visible when […]...
Simple-Smooth-Vanilla-JavaScript-Slider-With-Text-Widget-Overlay-And-Navigation

Simple Smooth Vanilla JavaScript Slider With Text Widget Overlay And Navigation

There is no doubt that carousels are essential components in a website’s design. When you are limited in space. When you are limited in space but still want to display a lot of information, carousels come in very handy as they are perfect for displaying groups of related or unrelated content. Slid...
Simple-Multi-Step-Forms-Using-Pure-Vanilla-JavaScript-And-CSS

Simple Multi-Step Forms Using Pure Vanilla JavaScript And CSS

Online Signup and registration forms, and HTML login form templates are important aspects of almost every web design. It is considered to be the most important aspect of a website as it gives you a way to be more interactive with your users. Martin Franek is the developer of this awesome-looking mul...