Highlight Active Menu Item With jQuery Script

We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know at the first glance which is the current page.

This strategy also increases the amount of visited pages because the visitor will more likely click the next page when it’s easier to find that.

highlighted active menu item script

Continue reading “Highlight Active Menu Item With jQuery Script”

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”

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.

jquery animation effect stop Continue reading “jQuery Hover Animation Effect Without Jumping – Using Stop() Method”

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”

Prevent web crawlers from stealing email addresses from your website

If you just simply publish an email address on a website you can expect tons of spam in the inbox. Web spiders crawl the sites all the time looking to collect email addresses to send them spams, ads or viruses. This is why you have to make sure you never add your email to any website as plain text or link which is visible by robots.

Demo

Show Email
Continue reading “Prevent web crawlers from stealing email addresses from your website”