Behaviour claims to be the missing link for your AJAX apps. The biggest missing link is the documentation. One has to find one’s way around armed only with a couple of snippets of code and some demos.
This site can be put in the same category as in my other web logs where I mentioned plug and play scripts. It contains script for generating
- slide shows
All the scripts have a good description, an online and installation instructions. Furthermore an indication is given of the browser (versions) that are supported. One can also rate the scripts at hotscripts.com.
Besides the scripts, goodies such as colour schemers, a CSS reference and a regular expression tester are also provided.
It has libraries for string, DOM, CSS and date manipulation. Furthermore it incorporates HTML operations, event handling regular expressions. It doesn’t have off the shelf ready made script, as such, but it does have so called sub packages for specific sub packages:
- dictionary/hash object support with sorting capabilities
- FIFO support
- implementation of a standard Stack (FILO).
- RPC support
- Animation & Drag and Drop support
- Data validation
- Fading, exploding visual effects
- colour manipulation
- SVG library (undocumented)
- Cryptographic routines.
- Math library
- Linear Algebra
- XML to JS parser.
- URI/URL manipulation routines
Widgets haven’t been forgotten either:
- Core Widgets for e.g. checkboxes, combo boxes , context menus, dropdown buttons, trees
- Layout widgets for e.g. floating panes
- Obligatory widgets like
Ajax support is of course a must these days.
- managing asynchronous tasks
- a Python approach to functional programming and comparisons
- DOM manipulation
- colour manipulation with CSS3 support
- date and time manipulation
- string formatting
- event handling
- some visual effects
Moo.fx is purely focused on creating visual effects in a compact way and limiting the code from it. One can choose to use either the 3K or 6K version. It depends on the lite version of prototype (see below), but has more documentation.
Yahoo UI Library
Yahoo is said to be inspired and motivated by the work done at Prototype, Sciptaculous and Dojo. The focus in this library is to put rich user interfaces and has two categories of components:
UI controls. People familiar with e.g. HTMLB will recognize the first two:
- A slider which enables an end to adjust values between determined boundaries in a visual way
Core Utilities for DOM scripting
- Animation utility, where one can animate the properties of page element. See also this demo page.
- DOM utility for more common DOM tasks like manipulating the CSS properties. See also this demo page.
- Drag and drop utility for a draggable interface. See also this demo page.
- Event utility for event handler management
- A connection manager for easier AJAX integration
Besides the UI Library, Yahoo also provides a Design Patterns Library. Yahoo claims that these patterns describe the optimal solution for common problems within a specific context.
So far, the list of patterns is limited to:
- Auto-complete for text boxes
- Breadcrumbs for larger navigation
- Drag and drop for rearranging layout
- Tabs for tabular navigation
- Object and search pagination for displaying large amount of data
- Object rating
- Review writing
As you can see there is a multitude of libraries. There is no wheat without chaff though. It’s up to shift it out. One can base oneself on the presence/absence of documentation, the learning curve, the amount of work to integrate them or the footprint. Personally, I would choose the Yahoo UI for its maturity. It might have its shortages – some consider Yahoo as one – and doesn’t provide the openness and flexibility like e.g. Dojo (my runner up) but it’s the most professional finished product.