Elementary- A Superlight Javascript Library: Effects, Sortable, AJAX Frameworks

Elementary is an open source javascript code base used to develop web applications with minimal headaches and maximum versatility. Effects with animation, AJAX, & User Application Components are all easily constructed using simple base classes. Nothing here has any form of license. A link would be very much appreciated should you decide you'd also like to save some time and cross-browser frustrations.

Base Classes

element.js [demo] [docs]
Access common style and display properties with this easy API eliminating the need for dealing with cross browser annoyances.

timer.js [demo] [docs]
Track events at specific intervals with as many objects as you want. Used in animation.js

physics.js [demo] [docs]
Calculate motion for your animations using equations which describe the way real world objects behave. Linear motion looks lame!

animation.js [demo] [docs]
Bring your web pages to life and impress all your visitors with slick fades, swipes, and slides.

events.js [demo] [docs]
Don't let Javascript scoping problems get you down- find out how it all happend with EventInfo!

window.js [demo] [docs]
Find out exactly how your client is viewing your page with this handy window object.

request.js [demo] [docs]
Join the AJAX revolution with this easy to use remote request object.

Components

folders.js [demo] [docs]
A sortable tree menu using drag and drop. Prepare to have your mind blown.

list.js [demo] [docs]
Sortable lists- a short and sweet implementation which doesn't acually reorder the DOM, allowing for a cool animated effect.

ghostdrag.js [demo] [docs]
Drag and drop using a clone of the object at lower opacity. This can be used on any element regardless of positioning.

draggable.js [demo] [docs]
drag = new Draggable('id'). drag.addListener(object). Requires Absolute Positioning.

slideshow.js [demo] [docs]
Create stunning slideshows with an easy to use API.

edtiable.js [demo] [docs]
Make elements on your page editable, then save them with AJAX using request.js

Updates

May 25th 2006 - Drag and Drop folder management now works in IE, still have to clean up the hander building routine, as it hangs for a second or two post drop.

May 10th 2006 - I've taken drag and drop to the next level with ghost.js, and found some really cool applications for it which I am currently working on implementing in a few projects. IE bugs are holding me up. Check back soon.

Feb 18th 2006 - I finaly finished the drag and drop list functionality. First implementation will be sorting items in a CMS- I'll probably work on a multi-tier list next.

About The Author

Ben has been designing web sites and developing web applications since the age of 16. He has worked for many different outfits ranging from solo effort design studios to General Electric- one of the world's largest corporations. Ben is available for contract work on a limited basis. Please send an email if you have are in need of a designer and programmer.