background preloader

Libs

Facebook Twitter

Normalizr/README.md at master · paularmstrong/normalizr. Cleave.js - Format input text content when you are typing. Tildeio/rsvp.js. Awesome-d3/README.md at master · wbkd/awesome-d3. Mojo-js/mesh.js. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! UberVU/grid. QuoJS/README.md at master · soyjavi/QuoJS. NgActiveResource/README.md at master · FacultyCreative/ngActiveResource. Node.js API Tip of the Week: Offline Sync and Replication. Mobile technologies have radically changed our personal lives and are now doing the same in the workplace—perhaps not as rapidly as many of us would like!

Node.js API Tip of the Week: Offline Sync and Replication

Not every office looks like this, although at times we might feel this way. Many of us now have two or sometimes even three personal and company devices we wish were always in sync with realtime updates to email, schedules, storage, and even transactions. However, this is far from reality. Data replication and offline sync are not seamless across multi-vendor devices or disparate backends. How does this affect the enterprise ? The ability to work offline has emerged as a requirement for almost all data-driven enterprise mobile applications. However, a wireless app is only as good as the network. Until now, developers first had to figure out how to store a subset of the application’s data locally. Offline.js – Handle your users losing their internet connection like a pro. What is Offline.js?

Offline.js – Handle your users losing their internet connection like a pro

Offline.js is a library to automatically alert your users when they've lost internet connectivity, like Gmail. It captures AJAX requests which were made while the connection was down, and remakes them when it's back up, so your app reacts perfectly. It has a number of beautiful themes and requires no configuration. Install The easiest way to add Offline to your site is with Eager. Click Install to see a live preview of Offline on your website.

Download. Zloirock/core-js · GitHub. Lazy.js - v0.3.2. Lazy.js it a utility library for JavaScript, similar to Underscore and Lo-Dash but with one important difference: lazy evaluation (also known as deferred execution).

Lazy.js - v0.3.2

This can translate to superior performance in many cases, especially when dealing with large arrays and/or "chaining" together multiple methods. For simple cases (map, filter, etc.) on small arrays, Lazy's performance should be similar to Underscore or Lo-Dash. The following chart illustrates the performance of Lazy.js versus Underscore and Lo-Dash for several common operations using arrays with 10 elements each on Chrome: You can see that the performance difference becomes much more significant for methods that don't require iterating an entire collection (e.g., indexOf, take) as the arrays get larger: Intrigued?

Sugar: A Javascript library for working with native objects. Core.js. A simple, lightweight, base layer to your client-side JavaScript app Core.js allows you to create apps that have multiple working extensions that all interact with each other without ever actually knowing about one another.

Core.js

You can remove any extension without another extension breaking or your browser ever throwing an error. Quick Start Examples Extensions Here's an example of creating an extension and then loading it. Core.extend('extension',function(m){ alert(m); }); Core.load('extension','Hello World'); Push Events Here's an example of how to send a push and another item to receive it (uses jQuery just for example's sake): var i = 0; $(window).click(function(){ Core.push('updateCount',i++); }); Core.listen('updateCount',function(value){ $('.counter').empty().append(i); });

Interact.js - JavaScript drag and drop, resizing and gestures with inertia and snapping. Hello.js - Javascript API for OAuth2 authentication and REST services. A client-side Javascript SDK for authenticating with OAuth2 (and OAuth1 with a oauth proxy) web services and querying their REST API's.

hello.js - Javascript API for OAuth2 authentication and REST services

HelloJS standardizes paths and responses to common API's like Google Data Services, Facebook Graph and Windows Live Connect. Its modular so that list is growing. No more spaghetti code! ...I did not understand any of that Dont worry, here's a demo which illustrates what HelloJS can do. Hey, we got your details, test done! Features Looking for more? Parsley - The ultimate javascript form validation library. Js. Node.js powered End-to-End testing framework. Rivets.js — Lightweight and powerful data binding + templating solution for building modern web applications. Poulejapon/fattable. Simple JavaScript Inheritance. I’ve been doing a lot of work, lately, with JavaScript inheritance – namely for my work-in-progress JavaScript book – and in doing so have examined a number of different JavaScript classical-inheritance-simulating techniques.

Simple JavaScript Inheritance

Out of all the ones that I’ve looked at I think my favorites were the implementations employed by base2 and Prototype. I wanted to go about extracting the soul of these techniques into a simple, re-usable, form that could be easily understood and didn’t have any dependencies. Responsive Javascript. Offline.js – Alert Users When No Internet Connectivity. InstantClick – JS lib to make your website instant. Creditcard.js: a more usable credit card form. Improve payment form, checkout, and ecommerce usability with JavaScript card number validation, credit card type detection, and more. Serkanyersen/ifvisible.js. Test page. Cryptography in the Browser. One of the challenges we encountered in creating Opal was finding a fast and secure way to do encryption and decryption in the browser. This post describes why browser-side cryptography has been a difficult problem, and how recent technological advances provide a solution.

Three options for doing cryptography in a web app The only language with universal browser support is JavaScript. Web apps like Opal are written in JavaScript so that they can run in any modern browser. For cryptographic functions to be useful to a web app like Opal, they must be accessable in JavaScript. There are really only three options for exposing cryptographic functions to browser JavaScript: Resumable.js, JavaScript magic for simultaneous, stable and resumable uploads.

Jrburke/almond. Recline.js. A simple but powerful library for building data applications in pure Javascript and HTML.

Recline.js

Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds. Documentation » Tutorials » Demos » Get started fast. Peeler.js. EventEmitter. Parallel.js. Parallel Computing with Javascript Parallel.js is a tiny library for multi-core processing in Javascript.

Parallel.js

It was created to take full advantage of the ever-maturing web-workers API. Javascript is fast, no doubt, but lacks the parallel computing capabilites of its peer languages due to its single-threaded computing model. In a world where the numbers of cores on a CPU are increasing faster than the speed of the cores themselves, isn't it a shame that we can't take advantage of this raw parallelism? Lunr.js. Moment.js. Datejs. Last updated 2008-04-14 Datejs is an open source JavaScript Date library for parsing, formatting and processing.

Datejs

The last 'official' release was Alpha-1 on November 19th, 2007. The project has been under active development since that time and many revisions and additions have occurred. It is highly recommended that you obtain a copy of the latest source from SVN. Technical support is provided through the Datejs Discussion Group. A test suite is available within SVN (/trunk/test/) or viewable online at View Change Log. NOTE Please be sure to check out our blog post "Getting Started with Datejs". jStorage. jStorage is a cross-browser key-value store database to store data locally in the browser - jStorage supports all major browsers, both in desktop (yes - even Internet Explorer 6) and in mobile.

jStorage

Additionally jStorage is library agnostic, it works well with any other JavaScript library on the same webpage, be it jQuery, Prototype, MooTools or something else. Though you still need to have either a third party library (Prototype, MooTools) or JSON2 on the page to support older IE versions. jStorage supports storing Strings, Numbers, JavaScript objects, Arrays and even native XML nodes. jStorage also supports setting TTL values for auto expiring stored keys and - best of all - notifying other tabs/windows when a key has been changed or publishing/subscribing to events from the same or another tab/window, which makes jStorage also a local PubSub platform for web applications. jStorage is pretty small, about 7kB when minified and 4kB gzipped. Donate. Foundation. Fries. Intro.js. Crypto-js. CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns.

They are fast, and they have a consistent and simple interface. If you have a problem with CryptoJS, if you want to discuss new features, or if you want to contribute to the project, you can visit the CryptoJS discussion group. CryptoJS is a project that I enjoy and work on in my spare time, but unfortunately my 9-to-5 hasn't left me with as much free time as it used to. I'd still like to continue improving it in the future, but I can't say when that will be. If you find that CryptoJS doesn't meet your needs, then I'd recommend you try Forge.

Graphics

HTML(.js) HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. Charts. Pdf.js. Create.js. Handlebars.js: Minimal Templating on Steroids. Modernizr. Fartscroll.js. Everyone farts. And now your web pages can too. Include "fartscroll.js" in your page.

You can include the latest version straight from our CDN: <script src=" Initialize the fartscroll plugin after the page has loaded: // Fart every 400 pixels scrolled in the window fartscroll(); // Fart every 800 pixels scrolled fartscroll(800); // Fart every 100 pixels scrolled (probably a bit much) fartscroll(100); // Now I'm just adding more examples to make the page longer fartscroll(50); // SO MANY FARTS fartscroll(5); // I should register fart.io for this fartscroll(500); // I should register fart.io for this fartscroll(400); // Dammit, fart.io is taken fartscroll(600); // Alright, that's probably enough examples fartscroll(400); SHAMELESS PLUG: Want to work on technology that changes the world?

Or just technology that farts? iScroll 4. Project info Last code update: 2012.07.14 – v4.2Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webkit, Firefox, Opera desktop/mobile.Discussion groupQR Code opens demo page. Support development If this script saved your day and you wish to support future developments you may consider sending some funds via PayPal or Flattr. Overview. Numeral.js.