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...
Autofill usually changes the background color but in some areas, we don’t want that default color, so this script is to change the default color. Just add the following pseudo-selector to your style sheet and the background color will change according to your...
Portrait and landscape media queries for mobiles and ipads in css? Here is Portrait and landscape media queries for mobiles and ipads in CSS. CSS Media Query for Portrait Orientation @media screen and (max-device-width: 767px) and (orientation: portrait) {...
Blog
