Blog
Select Page

Category: Misc

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

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...
Fitvids.js for responsive video embeds

Fitvids.js for responsive video embeds

Misc

A lightweight, easy-to-use jQuery plugin for fluid-width video embeds. Weblink – http://fitvidsjs.com/ CDN – https://cdnjs.com/libraries/fitvids Responsive Youtube video
Web Page Analyze / Optimization / Testing

Web Page Analyze / Optimization / Testing

Misc

Following are the tools and methods we can use to optimize our web pages for speed and performance, SEO, HTML / JS errors, CSS errors, Images, and compressions. Page Insights – https://gtmetrix.com/ Google Page Insights...