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

Stickybits image/svg+xml

Stickybits is a lightweight (<2KB) alternative to position: sticky polyfills that works perfectly for things like sticky headers.

In the past, I’ve had trouble using sticky headers — I’ve never managed to get them to work consistently well in Safari on iOS. I’ve only done some limited testing, but Stickybits seems to work pretty well.

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.