Webdevpuneet - Freelance Web Developer

Smooth scroll for anchors – jQuery

Just place this code anywhere after including jQuery library. This helps user scroll to the ‘element’ id in href=”#element”.

HTML Input type to get color value

Misc

Here is a very cool way to input color code using basic HTML input tag. This may eliminate the use of fancy jQuery color picker at a basic level 🙂

How do you get a Captcha Validation error with Google ReCaptcha?

Misc

How to prevent form from submission if user has not gone through Google ReCapcha ?jQuery(document).ready(function(j){ jQ(‘#formid’).submit(function(e) { var recaptcha = j(“#g-recaptcha-response”).val(); if ( recaptcha === “” )...

How to disable CSS hovers in mobiles and touch devices

Misc

You must have faced this issue such that the background changes on hovers on mobiles and touch devices remain hover-styled even after you have touched the screen and not touching it anymore. The simple solution to this is enclosing all hovers in the following media...

Standard Media Queries Break Points – Implemented by Bootstrap 4

Misc

// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { … } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { … } // Medium devices (tablets, 768px and up) @media...