jQuery Roundup: jQuery UI 1.8.24, HTML5 Google Authenticator, pXY.js

2012-10-02 00:00:00 +0100 by Alex R. Young
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

jQuery UI 1.8.24

jQuery UI 1.8.24 is out, which is a maintenance release:

This update brings bug fixes for Datepicker, Draggable, Droppable and Sortable, as well as adding support for jQuery 1.8.2. This is likely to be the last release in the 1.8 family; you can expect 1.9.0 very soon. For the full list of changes, see the changelog.

The jQuery UI 1.9 release candidates have been around for a while now. Check out the 1.9 RC tags on GitHub for more.

HTML5 Google Authenticator

I use Google Authenticator, which is a two-step verification implementation. Google have released corresponding mobile apps which support multiple credentials. This means third-party services can plug into Google Authenticator, so users only need one app to manage all of their credentials. This works because Google Authenticator is built on open standards, and uses the Time-based One-time Password algorithm.

The TOPT algorithm has already been implemented in JavaScript back in 2011 by Russ Sayers:

Turns out the algorithm used to generate the OTPs is an open standard. When you set-up an account in the smartphone app you are storing a key that's used to create a HMAC of the current time.

This has now been ported to a polished HTML5 Google Authenticator project, built with jQuery Mobile by Gerard Braad. He's also deployed a demo version at gauth.apps.gbraad.nl.

Cryptography and security in client-side code will always be a tricky subject, but hopefully this kind of project will help demystify two-factor authentication and encourage more web application authors to offer it to those of us who are interested in it.


pXY.js (GitHub: leeoniya / pXY.js, License: MIT) by Leon Sorokin is an API for analysing the pixels in a Canvas elements. The author suggests using it as an algorithm visualisation tool for problems relating to OCR segmentation and document feature extraction.

The documentation has runnable examples of the major API features. For example, the Scanning pXY documentation shows how images can be scanned using the eight possible bidirectional scan patterns.