Website Search Box with Dropdown Tooltip Suggestions

Search functionality is crucial to improve the user experience, making navigation on the website much easier. This functionality is built into WordPress and almost every other CMS, but in this article I’m going to present a custom and very lightweight HTML-CSS-JS-jQuery solution that is very easy to implement.

website search input tooltip dropdown

Continue reading “Website Search Box with Dropdown Tooltip Suggestions”

Cookie Consent warning strap with HTML-CSS-JS

We know there are many pointless, dumb laws out there that make no sense. The European Cookie Law is also annoying because you have to start by closing a popup every single time you visit a website. This law is a privacy legislation that requires sites to get consent from visitors to store or retrieve any information about them.

cookie law warning strap
Continue reading “Cookie Consent warning strap with HTML-CSS-JS”

Script to stick HTML element to the top when scrolled through

In this article I’m going to present a lightweight script to stick an HTML element to the top of the page when the user scrolls through it. Use this to make a menu, a call to action button or any other important element always stay in focus. Adjusting the script you can trigger other effects when the page scrolls through an anchor point. Here are the HTML CSS and JS codes to use to accomplish this effect.

javascript stick element top scroll through Continue reading “Script to stick HTML element to the top when scrolled through”

The most common JavaScript and jQuery code snippets

I have collected the most common JavaScript and jQuery snippets that we use almost for every project. Honestly I couldn’t write a jQuery “document-ready” function on a blank piece of paper because my memory is not too sharp. This resource will help keeping these all together so we can always sneak a peek if necessary.

Check out the interactive JavaScript Cheat Sheet to find them all in one place!
Continue reading “The most common JavaScript and jQuery code snippets”

Fix When jQuery Click Event Is Not Working On Touch Devices

You might have come across situations when the jQuery click event listener works fine on desktop but it doesn’t fire on mobiles, tablets and other touch devices. This might happen when the event is not attached to an anchor tag but to some other element, like a div. There is a very simple solution to fix this issue.
Continue reading “Fix When jQuery Click Event Is Not Working On Touch Devices”

jQuery Hover Animation Effect Without Jumping – Using Stop() Method

Probably you experienced some flashing effect the first time you tried to make a jQuery hover animation without the stop() call. This happens when you hover and take your mouse away quickly without waiting for the animation to finish. This behavior triggers a new animation to start before the previous has finished.
In this article I’m going to present the proper way of making jQuery animation calling the stop() method, avoiding shaking fuzzy effects.
Continue reading “jQuery Hover Animation Effect Without Jumping – Using Stop() Method”