Friday, March 31, 2006

Using prototype.js v1.4.0

Using prototype.js v1.4.0: "Developer Notes for prototype.js" - an un-official reference for the objects, classes, functions, and extensions provided by this library by Sergio Pereira.

Quick Guide to Prototype

Particletree · Quick Guide to Prototype: "JavaScript’s increasing popularity throughout the web makes it more important than ever to make sure our client side code is implemented with a nice mix of stability, speed, and reusability. One of the best ways for accomplishing this is to use a simple library and syntax to use as a foundation for every project. Thankfully, Sam Stephenson created an amazing library of functions that we can rely on called Prototype.js to ease our JavaScript development practices."

Painless JavaScript Using Prototype

Painless JavaScript Using Prototype: "Prototype is an object oriented JavaScript [1] library (written by Sam Stephenson and friends) that makes JavaScript fun. So it says on the site [2], anyway. Those of you who are familiar with the open source community's latest and greatest application framework, Rails, may recognise Prototype as it actually forms the backbone of Rails' JavaScript helper. However, Prototype can be used independently of Rails to aid the coding of many JavaScript doodads and Web 2.0 thingy wangles."

Wednesday, March 29, 2006

Faster DOM Queries

Faster DOM Queries: "Alex Russell, head honcho of the Dojo Foundation, suggests a hideous hack to speed up DOM queries. Why does he want to do this? He wants behavioral extensions to be applied as quickly as possible and he has a point. For a good user experience the code to support a web interface should be applied as quickly as possible. A delay can lead to an unresponsive interface, confusing the user about what works and what doesn’t. So, while I think speeding up DOM queries is a worthy aim, I think that his “id hack” is a step too far. I am supposed to be a standards advocate after all." - Dean Edwards

Adaptive Path Essay on Ajax

The article that started it all...:)

adaptive path » ajax: a new approach to web applications: "If anything about current interaction design can be called “glamorous,” it’s creating Web applications. After all, when was the last time you heard someone rave about the interaction design of a product that wasn’t on the Web? (Okay, besides the iPod.) All the cool, innovative new projects are online."

Lightbox JS v2.0

Lightbox JS v2.0: "Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers."

Tuesday, March 28, 2006

Prototype PeriodicalExecuter.stop()

James Gregory has a written a simple extension for the PeriodicalExecutor class of prototype.js to add a stop() method to it.

PeriodicalExecuter.prototype.registerCallback = function() {
.intervalID = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);

PeriodicalExecuter.prototype.stop =
function() {
All it does is take the current registerCallback function (which creates the actual timer) and stores its returned interval ID which we then use in the new stop function with the native clearInterval method.

Complete article is here:

Monday, March 27, 2006

Ajax Timeouts with Prototype

Jason has an interesting post on AJAX Timeouts with Prototype, excellent to solve the network issues and keep control on it. A feature that Gmail handles very nicely by displaying an alert message when there is network problems. The code is commented and its very self explanatory.

Sunday, March 26, 2006

Scriptaculous - JS Framework

The power of AJAX allows for rich user interaction without the trouble that has bugged traditional web applications. Building upon the wonderful Prototype JavaScript library, provides you with some great additional ingredients to mix in. provides you with easy-to-use, compatible and, ultimately, totally cool JavaScript libraries to make your web sites and web applications fly, Web 2.0 style.

Prototype - JS Framework

Prototype is a JavaScript framework that aims to ease development of dynamic web applications.

Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

JSMin - JS Compression

JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files. It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming style because it eliminates the download cost of clean, literate self-documentation.

ShrinkSafe - JS Compression

ShrinkSafe is a JavaScript "compression" system. It can typically reduce the size of your scripts by a third or more, depending on your programming style.

Many other tools also shrink JavaScript files, but ShrinkSafe is different. Instead of relying on brittle regular expressions, ShrinkSafe is based on Rhino, a JavaScript interpreter. This allows ShrinkSafe to transform the source of a file with much more confidence that the resulting script will function identically to the file you uploaded.