Hammer.js adds touch Gestures to web page Hammer is an open-source library that can recognize gestures made by touch, mouse, and pointer events. It doesn’t have any dependencies, and it’s small, only 7.34 kB minified + gzipped! Supported gestures:...
xZoom is a responsive, touch-friendly jQuery zoom gallery plugin designed for e-commerce websites that enable you to generate a pretty nice product gallery with thumbnail navigation and smooth image zoom support. Compatible with jQuery Fancybox and Magnific Popup...
Input Placeholder This css snippets can be used to style placeholders of entire website or any form element ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink;}::-moz-placeholder { /* Firefox 19+ */ color: pink;}:-ms-input-placeholder { /*...
The first slide will be randomly chosen from available slides every time page reloads. DEMO Open demo in a full window – https://demos.webdevpuneet.com/bootstrap/v4/random-slide/index.html Logic Used (jQuery) Just need to add this code after including jQuery and...
Here is a method to make div or any other HTML element/tag scroll down to the bottom on a page load. The script uses the jQuery library. jQuery Code / Logic Used $(window).on(‘load’, function(){ sh = $(“#element”)[0].scrollHeight;...
I think this function is very important and included by almost all websites nowadays with medium to long page lengths. As a user, it feels very tedious to scroll up to the top of websites once we have scrolled down to the bottom of a long page. The function is written...
Blog
