JavaScript

iPhone X Notch like Scroll

Awesome iPhone X like scrolling developed using HTML, CSS, JavaScript. Demo and Download the zip (*.zip). iPhone X Notch like Scrolling effect HTML Snippet <div class="outer"> <div class="inner"> <ul> <li>SweeTango </li> <li>Pacific Rose</li> <li>SnapDragon</li> <li>Envy</li> <li>Koru (Plumac)</li> <li>Pink Lady (Cripps Pink)</li> <li>Honeycrisp</li> <li>Royal Gala</li> <li>Macoun</li> <li>McIntosh</li> <li>Autumn Glory</li> <li>Opal</li> <li>Rome</li> …

Read More »

Dynamic JSON Articles Card List

Attractive and beautiful article cards in dynamic JSON request data. Developed using JavaScript, jQuery, CSS, HTML. Demo and Download the zip (*.zip). This tutorial covers awesome article navigations with previous, next and close button options. Dynamic JSON Articles Card List using JavaScript HTML Snippet <body> <!-- Thumbs --> <ul class="posts-box"> …

Read More »

copy to clipboard using JavaScript

Copy to clipboard Javascript

This article will explain how to bring “copy to clipboard” functionality using JavaScript. Now users are expecting to have copy to clipboard options using JavaScript and not using flash. Here is the library called clipboard.js which is easy to use and integrate. Clipboard.js is flash free solution and API has lots of options to copy / cut the content or text to clipboard.

Read More »

Resize div box horizontally using jquery draggable

Resize div box vertically using jquery draggable

This article will explain how to write the code to dynamically resize the two horizontal divs on dragging the center bar between two div's to make the div's height arranged by itself. To achieving this dynamic resizing functionality we used JQuery UI draggable to adjust the div's size.

Read More »

Resize div box vertically using jquery draggable

Resize div box vertically using jquery draggable

This article will explain how to write the code to dynamically resize the two vertical divs on dragging the center bar between two div's to make the div's width arranged by itself. To achieving this dynamic resizing functionality we used JQuery UI draggable to adjust the div's size.

Read More »