Thursday, March 26th, 2009

Querying the DOM on the Sly

Category: CSS, JavaScript, Library

Remember when we thought there may be less CSS selector engines? :) Instead we have renewed performance-based competition among them. Sly is the latest selector engine created by Harald Kirschner. To use, it looks like this: < View plain text > javascript // Finds all odd rows in all tables var rows =‘table td:odd’); Read the rest…

Posted by Dion Almaer at 11:37 am

4.2 rating from 57 votes

jQTouch: a mobile WebKit JavaScript framework

Category: iPhone, JavaScript, Library, Mobile

David Kaneda has created jQTouch a “jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.” Features Setup jQTouch can now be initialized with one function: < View plain text > javascript $(document).jQTouch({    icon: ‘jqtouch.png’,    statusBar: ‘black-translucent’ }); This function writes all Read the rest…

Posted by Dion Almaer at 4:02 am

3.5 rating from 54 votes

Monday, March 23rd, 2009

Debounce your JavaScript functions

Category: Articles, JavaScript, Library

John Hann has written an enjoyable post on debouncing JavaScript methods that comes with a fun back story on a project that John worked on. John gets to the matter of debouncing: Debouncing means to coalesce several temporally close signals into one signal. For example, your computer keyboard does this. Every time you hit a Read the rest…

Posted by Dion Almaer at 8:11 am

4.2 rating from 22 votes

Wednesday, March 18th, 2009

KeyTable: Instant keyboard navigation in a table

Category: JavaScript, Library, Utility

Allan Jardine is up to his old tricks again (his tricks are: creating helpful small tools!). This time he has created KeyTable, a library that adds the ability to use the keyboard to navigate around an HTML table. Events can be bound (and unbound) to cells as required by the developer, allowing increased accessibility to Read the rest…

Posted by Dion Almaer at 12:16 am

4.1 rating from 16 votes

Friday, March 13th, 2009

GX: A new animation framework

Category: JavaScript, jQuery, Library, UI

Riccardo Degni has created GX, his latest animation framework. He actually created moo.rd in the past, and this time he is playing on top of jQuery: I’ve developed GX keeping in mind mainly two Design Patterns: the “Write Less, Do More” Pattern picked from the jQuery Library. With GX you’ll always write as less code Read the rest…

Posted by Dion Almaer at 7:24 am

1.8 rating from 102 votes

Thursday, March 12th, 2009

APNG Class: Get APNG going on all browsers

Category: JavaScript, Library, MooTools, UI, Utility

Guillermo Rauch, who has a really nice looking site at devthought has created APNG a class to bootstrap animating PNG images: APNG provides simple frame-based animation functionality. It’s main goal is solve the problem of animating alpha-transparent images (PNG format). Features APNG is very flexible when it comes to the method of displaying the various Read the rest…

Posted by Dion Almaer at 4:29 am

3.3 rating from 17 votes

Wednesday, March 11th, 2009

Digging a real OO class system with jQuery

Category: JavaScript, Library

Micah Snyder of Digg has released a plugin for jQuery that gives it an OO Class-like model: At Digg we use jQuery extensively, but it doesn’t offer a much in the way of Object-Oriented JavaScript. Existing OOJS libraries weren’t a good fit — often trying to shoehorn traditional OOP patterns in where they don’t quite Read the rest…

Posted by Dion Almaer at 5:27 am

2.3 rating from 67 votes

Wednesday, March 4th, 2009

Detect if the browser supports APNG

Category: Canvas, JavaScript, Library

< View plain text > javascript (function(_global) {     var apng_test = new Image(),     canvas = document.createElement("canvas"),     ctx = canvas.getContext("2d");     apng_test.src = "apng-test.png"; // a data URI will cause a security error so you _have_ to link to external resource     // frame 1 (skipped on apng-supporting Read the rest…

Posted by Dion Almaer at 7:00 am

2.9 rating from 28 votes

Tuesday, March 3rd, 2009


Category: Accessibility, JavaScript, Library

Daniel Steigerwald has written a nice little standalone library for accessibility called QFocuser. It features: allow to your widget to listen key events when its focused focus can be enabled on any element fires focus and blur events (so your table row will NOT remain highlighted after click out of table for example) make your Read the rest…

Posted by Dion Almaer at 6:58 am

3.9 rating from 30 votes

Thursday, February 26th, 2009

Namespace.js: take a wild guess….

Category: JavaScript, Library

Let’s lead with code: < View plain text > javascript Namespace(‘’); = function() {};   Namespace(‘com.example’, {    MyClass: function() { return {}; } }); var obj = new com.example.MyClass();   Namespace.use(‘com.example.MyClass’); var obj2 = new MyClass();   // include com/example/RemoteClass.js Namespace.include(‘com.example.RemoteClass’); var obj3 = new com.example.RemoteClass();   Namespace.registerNativeExtensions(); ‘’.namespace(); Reading the code above Read the rest…

Posted by Dion Almaer at 2:10 pm
Comment here

3.2 rating from 29 votes

Tuesday, February 24th, 2009

Creating another library called Prototype?

Category: JavaScript, Library

Ben Gerrissen has created a library to handle prototype-based inheritance and the module pattern. The problem is that Ben named it Prototype! Are you kidding me Ben? :) As a reaction to the Javascript Inheritance Performance post, I found myself thinking; “Why is everyone trying to superimpose Classical OO on Prototypical OO” and “There should Read the rest…

Posted by Dion Almaer at 5:27 am

3 rating from 19 votes

Monday, February 16th, 2009

xLazyLoader: Lazy loader callback framework

Category: JavaScript, jQuery, Library

Oleg Slobodskoi, guru behind, has open sourced xLazyLoader a jQuery plugin that lets you asynchronously load resources such as JavaScript, CSS, and images. Quite useful if you want to head of and load some CSS to do something custom and you need the callback. Example < View plain text > javascript $.xLazyLoader({     Read the rest…

Posted by Dion Almaer at 6:55 am
Comment here

3.6 rating from 50 votes

Wednesday, February 4th, 2009

Kiva: Making a difference with a new API

Category: JSON, Library

We don’t often post about general APIs. I let John Musser handle that on Programmable Web, but this one strikes a chord with me. Kiva, the distributed micro loan platform, has released a new developer API that gives third parties access to create innovative applications on top of the platform: The initial release of the Read the rest…

Posted by Dion Almaer at 12:05 am

3.5 rating from 17 votes

Tuesday, February 3rd, 2009

Joose 2.0 released

Category: JavaScript, Library

< View plain text > javascript Class("Point", {     has: {         x: {is: "ro"},         y: {is: "rw"},     },     methods: {         clear: function () {             this.x = 0;           Read the rest…

Posted by Dion Almaer at 8:56 am

3.8 rating from 29 votes

Friday, January 23rd, 2009

Spatial Query: handling spatial maths with flair

Category: JavaScript, Library

Chris Zelenak has created Spacial Query a very nice library for spatial math. He told us: I recently wrote up a library to help me with operations on polygons, and ended up adding some stuff for dealing with matrix, vector and latitude longitude primitives as well. The name is taken from the JQuery style chaining Read the rest…

Posted by Dion Almaer at 6:23 am
1 Comment

3.1 rating from 20 votes

Thursday, January 22nd, 2009

Platform Optimization Strategies for Ajax Toolkits

Category: Ajax, Editorial, Examples, Library

Dylan Schiemann has posted on Platform Optimization Strategies for Ajax Toolkits which covers techniques for having code run on multiple platforms effectively. He talks about how some frameworks have code paths for specific browsers to shorten the if (foo) type overhead. Having a compile step like GWT does makes this easy. TIBCO GI “builds an Read the rest…

Posted by Dion Almaer at 2:14 am
1 Comment

3.4 rating from 34 votes