Tags: javascript

TabTab.js [↗]

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.

I don’t use tabs all that often, but I like the look of this, the animations are clean and well executed. Note, powered by Velocity.js.

Rellax [↗]

Rellax is a buttery smooth, super lightweight (1021bytes gzipped), vanilla javascript parallax library.

Looks like a nice library to add to my design tool belt.

Choices.js [↗]

Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.

Some nice lookin’ text inputs!

How You Can Use HTML5 Custom Data Attributes and Why [↗]

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 [↗]

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 [↗]

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.

blurify.js [↗]

blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

Nice, looks useful.

store.js [↗]

store.js exposes a simple API for cross browser local storage.

Recently updated to v2.0.

CSS Mega Dropdown – CodyHouse [↗]

A responsive and easy to customise mega-dropdown component.

This is a couple of years old, but I came across it whilst searching for inspiration. Anyhow, it looks pretty good to me and I thought it was worth a bookmark.

Progress.js – Themeable progress bar library [↗]

ProgressJs is a JavaScript and CSS3 library which helps developers create and manage progress bars for any object on the page. You can design your own template for progress bars or simply customize them.

Looks pretty nifty and I really like the effect when used with image elements. Also, reminds me of PACE, which I’ve used in the past.

◀ Older