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

Show-Hide-Child-Sub-Menu-Vertically-Using-Pure-JavaScript

Show/Hide Child Sub-Menu Vertically Using Pure JavaScript

Do you have many menus to view in your sidebar and have to save web page space on your blog or website too to make it look better then the first step is to organize your menu links under category so it will be easy for user to go to their desire link easily and […]...
JavaScript-Confirmation-POPUP-To-Run-Next-Function-Or-Go-Back

JavaScript Confirmation POPUP To Run Next Function Or Go Back

A confirmation dialog box is mostly used to take user’s consent on any option. It displays a dialog box with two buttons: Cancel. If the user clicks on the OK button, the window method confirm() will return true. If the user clicks on the Cancel button, then confirm() returns false. You can us...
Simple-Pure-HTML-CSS-Single-Level-Top-Drop-Down-Menu

Simple Pure HTML-CSS Single Level Top Drop Down Menu

After numerous Menu Bar that we shared already in our blog, here we are with new one and this time we focused of straightforward and shot coding yet additionally remembered the outline so here we have our basic single level dropdown menu that depends on HTML-CSS and there is no picture, javascript o...
Dynamically-Add-Delete-Form-Fields-Elements-Using-Pure-JavaScript

Dynamically Add/Delete Form Fields Elements Using Pure JavaScript

Ok so someone at work has built a form and then the boss comes back and says he wants to cross sell the products entered into the input fields by dynamically creating a list with links to alternative products and accessories. Unfortunately the person who has built the form page is away so you’ve g...
Simple-HTML5-And-JavaScript-Drag-And-Drop-Snippet

Simple HTML5 And JavaScript Drag And Drop Snippet

Drag and Drop (DnD) is powerful User Interface concept which makes it easy to copy, reorder and deletion of items with the help of mouse clicks. This allows the user to click and hold the mouse button down over an element, drag it to another location, and release the mouse button to drop the element...
Responsive-Lightbox-Image-Gallery-With-Pure-HTML-And-CSS

Responsive Lightbox Image Gallery With Pure HTML And CSS

A simple, responsive galley lightbox for showcasing your favorite images, built using pure HTML and CSS. Clicking on the thumb will display all your images in a responsive, navigatable and closeable lightbox popup. THis sanippet is design by Cerealkillerway/css-lightbox...
Tiny-Grid-Masonry-Pure-JavaScript-Library-For-Web

Tiny Grid Masonry Pure JavaScript Library For Web

When you float objects in CSS, the browser arranges elements first horizontally then vertically. When we fill a container with a bunch of equally sized objects and float them left, we get a nice grid of images. The term Masonry layout probably owes its name to the popular Masonry plugin that is used...