corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: javascript

How You Can Use HTML5 Custom Data Attributes and Why image/svg+xml

In this article, I am going to show you how you can use HTML5 custom data attributes. I’m also going to present you with some use cases that you can find helpful in your work as a developer.

I can’t remember when I started using custom data attributes, it has to be five years ago at least, it’s certainly been long enough to wonder what I ever did without them. Anyhow, if you’ve yet to learn about custom data attributes, this article seems as good as any.

Ouibounce image/svg+xml

A small library enabling you to display a modal before a user leaves your website.

I used this javascript library today for a client. Personally, I don’t like these exit intent scripts, but I can see why others might think they hold some value. It’ll be interesting to track the conversion rates and find out if it actually works. I’m thinking not, in which case it’ll be easy enough to remove.

Stack Motion Hover Effects image/svg+xml

The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color as the image and then animate the elements in a swift motion. We are using the JavaScript library anime.js for the animations.

I really like these effects, I think they look proper classy.

scrollMonitor image/svg+xml

A simple and fast API to monitor elements as you scroll […] The scroll monitor was designed to be very fast. On each scroll event the DOM is only touched twice, once to find the document height and again to find the viewport top. No variables are declared, nor are any objects, arrays, or strings created. Watchers are very cheap. Create them liberally.

Another scroll monitor, this one looks quite efficient. The stress test demos are a nice touch.