Blog

Category: Misc

Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.

Momentum Scrolling on iOS Devices

Misc

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 in default is disabled for web pages with scroll bars. Adding the following script will make it fluid.

Google Font Icons

Google Font Icons

Misc

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

Misc

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

Misc

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...