Tips, tricks, tutorials…
Let your visitors easily look up any text on Wikipedia, or search for it on YouTube and Google. This lightweight jQuery-CSS solution populates the icon links automatically, all you have to do is add the searchable class to the HTML tag.
Continue reading “Searchable Widget – Automatic links for Wikipedia, YouTube and Google”
We are presenting a simple jQuery solution to implement social media share buttons for the current page, with svg icons. Our example includes the most popular sites: Facebook, Twitter, LinkedIn, Digg, Blogger, Reddit, Delicious and “email to friend”. You can add new sites tweaking the code a little. Sharablility is a crucial SEO factor so make sure to add this simple widget to your pages.
Continue reading “Social Media Share Buttons – Dynamic JS Widget”
Guide your visitors through your website with this lightweight JavaScript-jQuery solution. Improve the user experience by presenting the features of the site in a quick interactive step by step bubble tour.
Continue reading “Website Walkthrough Intro Bubbles – JavaScript Widget”
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.
Continue reading “Cookie Consent warning strap with HTML-CSS-JS”
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”
Copying a text from a website can be uncomfortable. Help your site visitors select the text with a single click of a mouse button with this simple trick.
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”
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”
I had to read through and test many mobile swipe detection scripts until I finally found this one.
It’s called TouchSwipe – a jQuery plugin for touch devices.
TouchSwipe is a jQuery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc. Continue reading “jQuery Swipe Detection”
