Friday, May 25th, 2007

Event.observeMethod: More AOP for JavaScript

Category: JavaScript, Library, Prototype

Christos Constandinou has created Event.observeMethod, a library that gives you a way of adding event listeners to methods in an object and running other methods before, around and/ or after the method you are listening to. The code itself is small, based on Prototype, and only 49 lines (1.8kb), uncompressed. < View plain text > Read the rest…

Posted by Dion Almaer at 8:15 am

3.6 rating from 23 votes

Thursday, May 24th, 2007

ProtoPacked 2.13: Protoype + == 32kb

Category: Prototype, Scriptaculous

John-David Dalton is up to his packing tricks again, and has created ProtoPacked 2.13: This updated pack includes compressed versions of Prototype: 1.4, 1.5, 1.5.1 and Scriptaculous: 1.7.1_beta2. There is also a “Protoculous” option as well (Prototype and Scriptaculous combined) Smallest files are: Prototype 1.5.1 @ 15.8kb Scriptaculous-1.7.1_beta2 @ 17.9kb Protoculous (1.5.1 + 1.7.1_beta2) @ Read the rest…

Posted by Dion Almaer at 7:15 am

4.4 rating from 83 votes

Wednesday, May 23rd, 2007

Chat Infection: Embed Web Chat

Category: Chat, Component, JavaScript, Prototype

Todd Fisher has created Chat Infection, a simple chat widget that sits on top of Prototype. You can see Todd’s work via core.js, which is worth looking at to see the Event.onDOMReady(..) and the like. Here is a new room:

Posted by Dion Almaer at 7:51 am

3.4 rating from 69 votes

Wachovia Bank: Ajax in the mainstream

Category: Prototype, Scriptaculous, Showcase

Garrett Langley shared that Wachovia bank is using Prototype and in their online banking application. In particular they use XHR to make calls for BillPay data, and use for the transitions and effects.

Posted by Dion Almaer at 12:20 am

3.4 rating from 19 votes

Monday, May 14th, 2007

Slider.js – Prototype based Carousel

Category: Component, JavaScript, Library, Prototype, Scriptaculous

Bruno Bornsztein has created Slider.js, a carousel widget that flips between content, based on Prototype and You can see it in action, or download it.

Posted by Dion Almaer at 8:59 am

3.7 rating from 103 votes

Tuesday, May 8th, 2007

phpMyAdmin Query Browser

Category: JavaScript, Library, Prototype, Scriptaculous, Showcase

Dougal Matthews has created a phpMyAdmin Query Browser as part of a University project that he has been working on in Edinburgh, Scotland. This is a prototype system that he plans on continuing over the summer, adding cross browser support, reducing the library dependences and fixing problems. The project using Prototype,, and xajax.

Posted by Dion Almaer at 6:01 am

2.4 rating from 66 votes

Wednesday, May 2nd, 2007

Prototype 1.5.1 Released

Category: Announcements, JavaScript, Library, Prototype

The full release of Prototype 1.5.1 has been released, and if you are on the 1.5 branch you should upgrade. Features Incredible Selector speedup and full CSS3 support (read about it in the original post). Full JSON encoding and decoding support and options for improved security. Optimized Element#get/setStyle for cross-browser compatibility and speed. Various String Read the rest…

Posted by Dion Almaer at 6:22 am

3.9 rating from 94 votes

Wednesday, April 25th, 2007

Prototype 1.5.1 RC 3 Released

Category: Announcements, JavaScript, Library, Prototype

A new version of Protoype has dropped. Prototype 1.5.1 RC 3 gives us features such as: Ajax.Requests now supports per-request onCreate callbacks. [#8011] JSON strings are automatically stripped of their security delimiters (if present) before eval. More details on this security issue here (PDF document). [#7910] all toJSON methods now generate YAML-loadable JSON. [#7883] Event.element Read the rest…

Posted by Dion Almaer at 6:53 am

4 rating from 52 votes

Monday, April 23rd, 2007

Rico 2: Rebirth is near

Category: JavaScript, Library, Prototype

Rico was one of the early libraries to show us nice effects on top of Ajax libraries. There has been a murmor that Rico 2.0 was in the works, and Tobie was right. Rico 2.0 has a beta release available. What is new in Rico 2.0? Components Rico 2.0 extends the component set from the Read the rest…

Posted by Dion Almaer at 8:00 am

3 rating from 25 votes

Tuesday, March 27th, 2007

Control.Modal: Unobtrusive CSS Modal Windows and Lightboxes for

Category: Component, JavaScript, Library, Prototype

Ryan Johnson is up to his tricks again. This time he has created Control.Modal, an unobtrussive CSS modal window based on the Prototype library. It weighs in at around 8K and hit a sweet spot for some functionality. The Prototype window class was overkill, and he needed more than just a lightbox). Example Code < Read the rest…

Posted by Dion Almaer at 9:22 am

3.7 rating from 88 votes

Tuesday, March 20th, 2007

37 Signals Highrise Released

Category: Prototype, Rails, Showcase

37 Signals has released Highrise, a “shared contact manager and task list”. Basecamp is about projects. Highrise is about people. There is a healthy amount of Ajax used, but not in a flashy way. You will find a lot of inline editing, and sections expanding and contracting allowing you to get a lot of work Read the rest…

Posted by Dion Almaer at 12:06 pm

2.7 rating from 25 votes

Friday, March 16th, 2007

Web-O-Random: Random Website Viewer

Category: JSON, Prototype, Rails, Showcase

. It must be Friday. Web-O-Random is a new website I created to spend hours exploring random websites the Ajax way ;). A list of URLs is fetched from the server, placed into an animated carousel/slider component, and you can then navigate through the carousel to preview the websites. Technologies: Server is Rails-based, accessing URLs Read the rest…

Posted by Michael Mahemoff at 12:19 pm

2.9 rating from 26 votes

Unobtrusive Control Tabs

Category: JavaScript, Library, Prototype, Showcase, Unobtrusive JS

Ryan Johnson has created unobtrusive JavaScript tabs called Control Tabs. The project uses Prototype / Scriptaculous. You create the tabs using standard anchors and named elements, so it’s completely accessible to non JS browsers. Example < View plain text > HTML <script>     Event.observe(window,’load’,function(){         $$(‘.tabs’).each(function(tabs){           Read the rest…

Posted by Dion Almaer at 4:15 am

4.1 rating from 43 votes

Tuesday, March 13th, 2007

Auto scrolling page navigation with $$

Category: Examples, Prototype

Tobie Langel likes a fistful of dollars and uses them to explain how to use auto scrolling page navigation with the new $$ operator in Prototype 1.5.1 RC. The article takes the initial: < View plain text > HTML <a href="#about" onclick="new Effect.ScrollTo(‘about’,{offset:-140}); return false">About</a> and gets it down to the unobtrusive: < View plain Read the rest…

Posted by Dion Almaer at 8:16 am

3.8 rating from 67 votes

Monday, March 12th, 2007

Prototype 1.5.1 release candidate released

Category: Announcements, JavaScript, JSON, Prototype

Sam and the team have put out a Prototype 1.5.1 release candidate available to download here. One of the good changes is a sign of good community. Prototype was inspired by the CSS selector performance data that Jack Slocum and others have been talking about. Now $$/Selector is up to 5 times faster depending on Read the rest…

Posted by Dion Almaer at 7:50 am

3.8 rating from 43 votes

Friday, March 9th, 2007

Compressed versions of Prototype

Category: Prototype

John-David Dalton has spent some time compressing Prototype in a couple of ways to keep your download time to a minimum. His package is a collection of Prototype versions 1.4, 1.5rc0, 1.5rc1, 1.5 final, and it includes original, formatted (proper semicolons, helpful for others who want to compress it), compressed, and ultraCompressed files. There is Read the rest…

Posted by Dion Almaer at 11:45 am

4.3 rating from 92 votes