Monday, November 5th, 2007

New UI library for Prototype in the works

Category: Prototype, Scriptaculous

Sébastien Gruhier, author of the VERY cool Prototype Window class has started a new initiative to build a complimentary UI library for Prototype. Accompanied by Samuel Lebeau, Juriy Zaytsev and Vincent Le Moign, the team aims to build easy to implement UI components that will enhance the user experience in web applications.

At the beginning of the project, it was only a full rewrite of Prototype Window but it became quickly a UI library based on Prototype 1.6 and 1.8 to include all my previous components like Prototype Carousel ….

The current version is still in early stages but already provides some nice components:

  • window
    • skinnable
    • shadowing system independent from window and skinnable
    • div based
    • resizable from all borders and corners
    • custom buttons
    • Dialogs (like it’s done in PWC) are not yet implemented but will be done soon
  • carousel: only HTML content (no Ajax content)
  • dock (experimental)
  • shadow: a simple class to add shadow on any element with a absolute position.

Full details of the project can be found on Sébastien’s blog.

Posted by Rey Bango at 10:06 am

3.4 rating from 41 votes


Comments feed TrackBack URI

very very nice work

Comment by DarkRat — November 5, 2007

can’t wait!
i have always thought there was really a lack of interface objects from the proto community. one reason i was thinking of maybe switching to moo or yui, hopefully now i don’t

Comment by louis w — November 5, 2007

This is way cool. Go go go! :-)

Comment by Joao — November 5, 2007

This is awesome. I cannot wait for this. Hopefully it will be a supported effort as well that will grow as Prototype and Scripty continues to grow and evolve. I would love to help support this in any way.

Comment by Mark Holton — November 5, 2007

FWIW, I think you mean “complementary”.

Comment by mark wvh — November 5, 2007

This is one to watch! Ajax Application development is getting really easy with so many libraries available.

Comment by Daniel Skinner — November 5, 2007

Oh dear, oh dear, oh dear.

Another clever piece of JS trickery due to be left unused because well, what can it *do*?

Contain HTML. Not very useful. At all.

Comment by Animal — November 6, 2007

I hope that these UI components will help people to create their own pages without stimulating them to create widget like environments, like the Windows demo suggests. Before you know it people are starting to build OS environments with docks and windows within their pages.
For those reasons I’m not so thrilled about the Windows and the Dock, a waste of time if you’d ask me. I hope to see more components like shadow and the carousel. With proper xhtml mark-up and the ability to customize, those components are more then welcome.

Comment by Nick — November 6, 2007

@Nick: Your notice is particularly important, we are working on trying to invite people to use such components on already existing markups (build a window from an element, create a dock from a UL, etc….) so hopefully it won’t lead to full widget environments.
Window demo is just a show case of what can be done with this class and its performance.

We hope you guys will enjoy, if you don’t, well, too bad…

Comment by Samuel Lebeau — November 6, 2007

feels like following the steps of jQuery. It’s nice to have two options to choose from.

Comment by Simon Jia — November 6, 2007

Leave a comment

You must be logged in to post a comment.