Web Info & Tutorials

October 13th, 2006

FLAPJAX: FUNCTIONAL JAVASCRIPT

Flapjax is a new programming language designed around the demands of modern, client-based Web applications.

It sits on top of JavaScript, and you run the special syntax through a compiler.

You end up writing template code such as this example from the tutorial on setting up style based on behaviour:

JAVASCRIPT:
  1.  
  2. <div id="themouse"
  3.   style="{! {color: '#FFFFFF',
  4.              backgroundColor: '#000000',
  5.              position: 'absolute',
  6.              left: mouseLeft_b(document),
  7.              top: mouseTop_b(document),
  8.              padding: '10px'} !}">
  9. the mouse
  10. </div>
  11.  

You can check out the compiler and play with the example. Note how the example that is already in the compiler states the mouse coordinates and handles updating it as you move the mouse (in the right frame only).

Flapjax

Finally, check out the demos such as Yaggle a Flapjax Yahoo/Google Mashup:

Yaggle

October 13th, 2006

CARING ABOUT QUALITY IN OUR JAVASCRIPT LIBRARIES

What do we seem to care about in JavaScript libraries that come out?

Anecdotally it seems that the top items are:

  • Nice API: We want a nice simple well thoughtout API.
  • File size: If it is under 3KB it must be good :)
  • Documentation: Please!
  • Components / plugins that can do a lot of stuff for us out of the box

But, what about quality? How many of us profile the libraries?

We got an email yesterday from someone (will rename nameless unless they want to step up in comments) that asked:

I have seen two posts on mootools from you guys today and I'm just a
little frustrated by the hype that it gets even though (in my opinion)
it's broken. The Smooth Slideshow 2.0 is a perfect example. On page
reload that thing leaks about 6MB. How is that acceptable by any
means?

Do you profile library code? Do you profile your own code? We can't just blame the frameworks after all. It is very easy to leak memory ourselves.

October 13th, 2006

JQUERY IMAGE GALLERY: TRANSITIONS, THUMBNAILS, REFLECTIONS

Ramin B. has put unitedly still added ikon gallery. This instance it is using jQuery as the library, and has a clump of flush personalty much as transitions, reflections, and the ingest of thumbnails.

It looks pretty near to the Flickr Flash widget.

Check discover the Demo Page

jQuery Image Gallery