Select Page
Masonry – Cascading grid layout library

Masonry – Cascading grid layout library

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Website Link...

Momentum Scrolling on iOS Devices

Momentum Scrolling on iOS Devices Normally when you add overflow:scroll to an element with fixed height and width, the scroll-bar appears in desktop and mobile devices to scroll through the hidden part of the content. In iOS devices, they have momentum scrolling which...
How to make a div act like an anchor tag

How to make a div act like an anchor tag

Div Anchors Using onclick inline javascript to a location can make a div act like an anchor. <div onclick=”location.href=’url'”>content</div> jQuery: $(“div”).click(function(){...
Google Font Icons

Google Font Icons

https://material.io/icons/ Info to install – https://www.w3schools.com/icons/google_icons_intro.asp
Hide-Show navbar on scroll direction

Hide-Show navbar on scroll direction

This script works with jQuery, so please include jQuery first. This works on mobile as well as large screens. Let a div with class “bottomnavbar” be the bottom navigation bar that you want to hide and show on page scroll. Demo Open demo in a full window...
Disable Text Selection Using CSS

Disable Text Selection Using CSS

Add this CSS style to elements you want to disable text selection and highlighting on selection. Mostly we need this on buttons and dropdown where users usually go for clicks and can accidentally select text. Check out this demo below and CSS code. DEMO Open demo in a...