Javascript OSX-Dock Navigation

While I was on contract with Interfacing I was approached with an idea for a new and unique style of navigation. Their idea was to add to their site a navigator similar to Apple's OSX Dock. The idea is simple: several icons which enlarge and shrink as the mouse gets closer and further from them. In the real version each icon is a link to a different section of their webpage.

Javascript Inline-Edit

This demo was originally created for a project a friend of mine was working on; the project required a listing of concerts that an admin would go through and approve. The idea arose that if a band name was incorrectly spelled or a date was wrong, the admin would need to be able to modify the entry before approval. This functionality could be applied to any data listing that needs the flexibility of being editable. The inline edit is complete with AJAX calls in order to update the database when and entry is modified.

Javascript Auto-Scroll and Custom Scroll Bar

For this next demo imagine that on your web site you have a scroll box filled with several news items. Chances are that a viewer of your website will not scroll through the news items unless they have a reason to, and therefore they may miss out on important news. This auto-scroller solves the problem, in addition, if the user finds the news is scrolling too quickly or too slowly then he/she may hover the mouse over the scroll box to stop it or they may use the custom scroll bar to scroll faster.