Archive for February, 2009

Nicole Sullivan’s Object Oriented CSS

Sometimes I’m so focused on JavaScript that it becomes a bit of a hammer for me that I try to use it on all problems. I forget about the power of CSS and what it can do. I recently met Nicole Sullivan at Web Directions North who is a CSS guru, especially around performance. She [...]

TraceVis: Getting some eyes into TraceMonkey

David Mandelin has announcedTraceVis “a visualization of TraceMonkey performance, with the goal of revealing what the JS VM is doing, and why it runs certain programs fast or slow, so we can figure out how to make the slow ones fast too.”
David starts off explaining what TraceMonkey is about, and pieces together the activities:

When TM [...]

jsSO: Flash Shared Objects in Javascript

Daniel Prieler has created a new library that allows realtime communication in JavaScript between clients. It works by embedding Flash in the page which is connected to a rtmp-flash-server.
JSSO works like this:

The data-transfer and the connection to the server are maintained by a simple embedded Flashmovie in your page. The communication with other clients runs [...]

Ghosts in the machine - avoid using window.sun in Firefox as it starts the Java engine!

Sometimes you find leftovers of old technology in browsers that blow your mind. One of these “ghost in the machine” problems exists in Firefox: if you use window.sun or function sun() in JavaScript you effectively start the Java VM.
There are a few “magic” properties on Mozilla’s DOMWindow interface for supporting LiveConnect that will initialize the [...]

Multi-file upload in the Flickr and Gmail house

I saw two posts at the same time on the topic of multiple-file uploading from a Web app which is a topic that we have covered many times before.
This time we have our good friend Scott Schiller posting on the Flickr uploader. He details the user experience from file selection, to progress, to completion, and [...]

Aurora: Class types and invariants in JavaScript

Ryan Morr has created a really fun experiment that shows the versatility of JavaScript. He just announced Aurora, fun times with class types and invariants in JavaScript.
He introduces the project:

The goal of the project is to provide a means of defining instance variables bound to a specific data type as you would find in Java [...]

Namespace.js: take a wild guess….

Let’s lead with code:
PLAIN TEXT
JAVASCRIPT:

 

Namespace(’foo.bar’);

foo.bar.myFunction = 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();

‘com.foo.bar’.namespace();

 

Reading the code above is probably all you need to know about the new, library independant, JavaScript library Namespace.js, created by Maxime Bouroumeau-Fuseau.
The goals for the library [...]

Parallax for the Moo Crowd

We’ve featured several implementations of the parallax effect here on Ajaxian. The newest creation comes from the team at Piksite who recently released their MooTools-powered mParallax extension:
mParallax is an adaptation for MooTools framework of jParallax whose its author, Stephen Band, describes it like “jParallax turns a selected element into a ‘window’, or viewport, and all [...]

JSONView: JSON browser from within Firefox

JSONView is a new Firefox extension that gives you a nice way to view your JSON documents (JSONovich also does the trick).
Ben Hollis talks about the extension:

The extension itself is pretty simple. I wasn’t sure how to approach the problem of supporting a new content type for Firefox, so I followed the example of the [...]

Ajaxian Featured Tutorial: Styling Dijit Form Elements

The Dijit UI library brings a ton of visual capabilities to the table and I think most people look to it for the power and simplicity of rendering well made user interface components such as grids, modals and calendars. Another aspect that people may overlook is it’s excellent form handling capabilities and in this tutorial, [...]