Monday, August 27th, 2007

Foo: A Prototype based RIA framework

Category: JavaScript, Library, Prototype

Someone actually named their framework Foo! That someone is Rizqi Ahmad, and he is also the developer of Zparse and MindFrame.

Foo is a framework specially designed for rapid development of Rich Internet Application. Its syntax is in someway similar to Adobe Spry, but it has more functionality and focused more to RIA Development.

Foo Framework is a Javascript Framework, built on top of the Prototype Framework, specially designed to ease the development of Rich Internet Application.

Foo acts as a virtual machine that translates Foo markups to javascript dynamically and chains it to your data to create a highly responsive Web Application. It combines the ease of html and the power of javascript to make it very easy to create very complex applications without forcing you to use all-in-one GUI sets.

Foo is very modular. It includes a Developer API that allows you to create custom markups and modules as you need without having to modify the core engine. So it increases your productivity, since you don’t need to hacks the code to make it behave as you wish. All you have to do is create a custom plugin.

You can checkout some demos such as the draggable, selectable lists.

Posted by Dion Almaer at 1:18 am
11 Comments

+++--
3.8 rating from 42 votes

11 Comments »

Comments feed TrackBack URI

Hey,
Rizqi, have you tested it in IE7 ? Selection is not working there :(
And one more suggestion :
I don’t know why do you guys love to add features like removing items from cart by dragging anywhere (Delete item in the current demo). Isn’t it easier to show that it can be deleted by clicking on some button placed on item ?
But anyway it’s good work ;)

Comment by Andriy Mykhaylyuk — August 27, 2007

Isn’t the demo supposed to be a demo? It only shows you all functionality of the framework. I don’t think anyone should use a drag-n-drop delete thingy in a real world application.

Comment by emil — August 27, 2007

Emil, I completely agree with you. But it’s very popular to have delete via drg’n’drop in a demos, it’s strange to me :)

Comment by Andriy Mykhaylyuk — August 27, 2007

@Andriy
Sorry, I tested it in Safari 2.0+3.0, Firefox2.0, IE6 and Opera. I will definitely fix it!

Comment by Rizqi Ahmad — August 27, 2007

@Andriy
OK, IE7 Bug fixed.

about delete. I only wanted to show the drag zone feature (Items in catalog cannot be dragged to delete).

@Emil – What should I instead show you in the demo? I will try to create another application to convince you ;)

The main feature of this framework is its binding capability. It lets you define a relation between two or more sections to make them automaticly synchronize themself to current state. So you don’t need to manually code them and it results in less javascript code (please see the source of each demo…)

Comment by Rizqi Ahmad — August 27, 2007

Just curious, does Foo have any advantages over Spry ?

Comment by Greg Fuller — August 27, 2007

@Greg
As you may notice, it is more responsive than spry (you will notice in sorting demo). You can also insert javascript snippets inside your sections (Region in spry). You can create a complex section bindings. The custom attributes is extensible. The included extension can do drag and drop by just placing a “drag” attribute to your node. etc…

for more information please read the learn section.

Comment by Rizqi Ahmad — August 27, 2007

Good work Rizqi!

Comment by Adnan Siddiqi — August 27, 2007

@Rizqi
Realy good work, how about adding some default key bindings to the framework?
User can just press up and down keys to move via list of data for example .

Comment by Andriy Mykhaylyuk — August 27, 2007

@Rizqi Ahmad
It is a very interesting work … I ‘ll read more about it and try it out in my own applications.

Comment by newton ramos garcia — August 28, 2007

Good work Rizqi bruv. I’m also interested in trying out your framework in my apps. For a first release its is indeed is a great effort.
Guys if you see other frameworks like prototype or scriptaculous they lack a lot of functionality or having a lot of bugs in their first launch which were fixed in later versions, and I think Rizqi have done a great work and indeed he deserves alot of admiration.

Comment by Adeel Malik — November 15, 2007

Leave a comment

You must be logged in to post a comment.