Web 2.0 Blog reporting it to you

0 Bitjuice: JavaScript Bitmap API

Our own Michael Mahemoff has been at it again, and this time with a real twist. Michael has packaged Bitjuice, a Javascript API that lets you draw graphics by creating complex HTML tables that are styled. Yup, not Canvas, not SVG, but HTML tables! You can take it for a spin with the interactive scratchpad.

0 Implementing a syntax-higlighting JavaScript editor in JavaScript

Marijn Haverbeke has not only been able to create a syntax-highlighting JavaScript editor in JavaScript, but he has written up the story of the brutal odyssey to the dark side of the DOM tree. The story is a great romp through the never-never-land of JavaScript, DOM, and browser “quirks”. It is well worth a read to find out about fun with selection, designMode, parsing, and much much more. A huge kudos to Marijn. JS Syntax Editor (via Dean)

0 fValidator: Unobtrusive javascript tool for easy handling form validation

Fabio Zendhi Nagao, an applied math student and term Moootols fan, has created fValidator an open source unobtrusive javascript tool for easy handling form validation. You markup your form something like this:
HTML:
  1. <input id="exA_Phone" class="fValidate['required','phone']" name="phone" type="text" />
And, the framework takes care of the validation. The example will let you see it at work. Good stuff. My only complaints are that:
  • You should have a way to know the conditions before you try (e.g. required or not)
  • If there are more than one validation on a field it looks verbose (has to be a phone AND required)
fValidator

0 Event.observeMethod: More AOP for JavaScript

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.
JAVASCRIPT:
  1. Event.observeMethod( window, 'myNewFunc', myBeforeFunc, Event.BEFORE );
  2. Event.observeMethod( Friend, "initialize", this.addBirthday.bind( this ) );
Dojo has allowed you to do this kind of thing in its connect() model. You tend to wonder how often people need this granularity versus just being able to attach normal events. It makes a lot of sense in large scale applications, but maybe not your JS hacking?

0 Chat Infection: Embed Web Chat

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:
Next Generation Ecommerce Software & Web Store Platform > Fast, Simple, Friendly Stores
RSS
Stores  Features  Blog  Archives  About  Contact       © 2006 Web 2.0 Stores