Adam Darton Montreal Based Web-Development
Demo

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.


bands when place
Faced Reality, Mono, Last chance to die, more September 20th Sudbahnhof / Chemnitz
Mono September 27th Droga do Mekki
Mono October 2nd CLUB QUATTRO
nullsleep September 20th Club Deville
nullsleep December 4th Studio B

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.


News

News Item 1

This is a description for a news item

News Item 2

This is a description for a news item

News Item 3

This is a description for a news item

News Item 4

This is a description for a news item

News Item 5

This is a description for a news item