Javascript Guru

Alloy UI is a JavaScript UI library, a CSS framework, a set of HTML recipes and a taglib library, all combined to empower developers across multi-skilled teams deliver rich and dynamic applications.
It is built by the developers of Liferay, has a lot of ready-to-use components & requires Yahoo! User Interface Library to run.
The components include:

• auto-complete
• charts
• color picker
• calendar
• tooltips
• forms
• treeview
• image gallery
• & much more..

The framework comes with full set of demos & not documented yet (currently in a preview release).

Requirements: YUI
Compatibility: All Major Browsers
Website: http://www.alloyui.com/
Demo: http://www.alloyui.com/demos.php
Download: http://www.alloyui.com/download.php

The JavaScript Framework Matrix, by Mathias Schütz, is a well-presented comparison of the popular JavaScript frameworks.
It shows examples for most of the functions which gives a strong idea on the coding principles of every framework.

The libraries included are:

• jQuery
• MooTools
• The Dojo Toolkit
• Prototype
• Script.aculo.us
• Ext.JS
• Adobe Spry
• BBC Glow
• Yahoo UI! Library

Every function/snippet provided links to the original documentation which is nice for reading more on the resource.

Glow is a JavaScript library, built by BBC that aims to make working with JavaScript and the DOM easier, similar to the popular ones like jQuery, MooTools, etc.
It tries to do this by abstracting common tasks, hiding cross-browser issues, and providing a set of user interface widgets.

on reviewing the major libraries we found that none met our standards and guidelines, with browser support in particular being a major issue.

The library is very well-documented & it already comes with various ready-to-use widgets like:

• autosuggest
• carousel
• overlay (lightbox)
• slider
• timetable
• & more..

Several demos are provided to see Glow in action

TypeSelect is a JavaScript-based solution for using selectable custom fonts on the web.
It combines the power of typeface.js, jQuery, the canvas, toDataURL, CSS background properties & real overlayed text to accomplish this feature.


TypeSelect is very easy to understand & implement. It is totally controlled via CSS & no server-side files are required.
It has support for double/triple-click selections, UTF-8 characters & gracefully degrades in IE6.
On the other hand, currently, it has some limitations like unselectable text in IE, not being able to use :hover or line breaks & few more.

Requirements: jQuery, Typeface.js
Compatibility: All Major Browsers (with some limitations)
Website: http://www.typeselect.org/

ProtoFish is an advanced dropdown menu script which supports multilevel navigations & built with Prototype.
The script is lightweight (1.3kb minimized), unobtrusive & cross-browser.
 

The hover class used & delay effect of the menus can be customized with ease.
It is accessible via keyboard using the TAB key & multiple instances of ProtoFish menus can be used on the same webpage.
For demos with various number of of levels & delay effects, click here.

$fx() is a JavaScript animation library which is only 3.7kb.
Within a timeline, any CSS property can be altered. And also:

• you can combine effects
• group them to the chains and run parallel
• set different callbacks what gives you even more flexibility.

$fx() is definitely not an alternative to other well-known JavaScript frameworks. On the other hand it does its job (animation) good & if that’s what you need, then it saves you from loading bigger sizes of JS files.
Have a look at the examples.

Requirements: No Requirements
Compatibility: All Major Browsers