Catalyticat
Posted 12th Nov 2011
7 great Javascript libraries for your next project.
Standalone Libraries
These libraries can be dropped into any project to provide useful additional functionality.
Moment.js
A lightweight javascript date library for parsing, manipulating, and formatting dates.
Money.js
JavaScript currency conversion library, with no dependencies, in just over 1 kb. Converts a value from any currency to any other currency and works seamlessly with Open Source Exchange Rates API.
Validate.js
Lightweight JavaScript form validation library. No dependencies, just over 1 kb gzipped, and customizable.
Accounting.js
A tiny JavaScript library for number, money and currency formatting, with optional excel-style column lining up.
List.js
A cross-browser JavaScript library that makes plain HTML lists super flexible, searchable, sortable and filterable. Also includes the ability to add, edit and remove items by dead simple templating. All in 7 kb. Check out the demo
Recurly.js
Allows you to embed secure, PCI compliant order forms. The library performs in-line validation, real-time total calculations, and gracefully handles errors. Your customer stays on your website while their billing information is securely sent to Recurly for approval.
YepNope.js
By now you've built up quite a list of Javascript resources to load. A good idea at this point would be to use a script loader. YepNope is an asynchronous conditional resource loader that's super-fast, and allows you to load only the scripts that your users need.
Plus, 3 jQuery plugins you should try
Sure, there's a jQuery plugin for everything these days, but these three in particular struck me as incredibly cool ideas for enhancing UI.
Twinkle
Draw your visitor's attention to special parts of your website.
Fracs
Determine the visible fractions of an element. jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible.
Scrollorama.js
Seen that famous Nike site? This plugin makes it easy to add all manner of parallax and other scrolling effects to your page.