Web Technology Demos

Web2.0 special effects, Ajax autocompleter, WYSIWYG editor. More to come as time permits!

Web2.0 special effects

Using some basic effects such as Opacity and Move, we can create some very interesting effects. Here are some, though this is in no way an extensive list. Effects are queue based, meaning you can create entire presentations. The end result is an experience that previously was only available with Flash, but now, completely indexable by search engines.
View the Web2.0 special effects demo

Rich Text Editor

A platform independent web based Javascript HTML Rich Text Editor control developed in JavaScript/ECMAScript, it's main features include theme/template support, language support and plugin extentions.
View the Rich Text Editor demo

Fancy Upload : CSS Styled Upload Form

I've come up with a way to make it appear as if we've styled the 'browse...' button and file name field... with only CSS. It's a nice cross browser solution. By adding some javascript we have total control of the file name, and even add an icon.
View the Fancy Upload Form demo

Multiple File Uploader

Normally, web pages can upload only one item at a time, be it a PDF, DOC, or JPG. Even with AJAX, the user must manually select each file one at a time. An arduous task if you mean to upload a whole album of photos. And while the files are being uploaded, the browser shows the 'busy' animation but no real progress indicator. Leveraging Flash, we can get around these limitations.
View the Platform Independent Multiple File Uploader demo

Flash Based Streaming MP3 Player

The best way to add live music or podcasts to your website. It supports streaming and playback of a single MP3 file or an entire playlist, a wide range of setting for tweaking both behavior and appearance.
View the Flash MP3 Player demo

Ajax Suggest (autocompleter)

Using AJAX, we can make use of live server-powered autocompleting text fields.
Applying a visual cue that an item is selected allows the user to take advantage of the keyboard navigation of the dropdown and adding background colors, borders, positioning, etc to the itmes.
If desired, it is possible to display additional information in the autocomplete dropdown that you don't want inserted into the field when you choose an item (such as a logo or address).
View the Ajax Suggest demo

Captcha

A Captcha is a type of challenge-response test used to determine whether or not the user is human. A common type of captcha requires that the user type the letters of an obscured sequence of letters or digits that appears in an image.
This captcah demo makes use of AJAX, ColdFusion, and WebVeteran's Javascript Audio Engine.
View the Captcha Demo

Javascript based multi-track audio engine

Web pages, like operating systems, can be dull and lifeless - even with fancy animations. Adding sound effects to actions really livens things up. For example, Apple and Windows have used audio on actions for many years. So why not functions on web pages? Because it used to be that the only action was loading a page. But now with AJAX applications and animations, the game is different. So I invented this plugin-less cross platform solution.
View the Javascript based multi-track audio engine demo

Javascript based real-time image reflector with blur

Thomas Fuchs created a very interesting thing, reflections with javascript. In his blog people commented how cool it would be if it had a blur, but that it's impossible. Well. I took that as a challenge...
View the Javascript based real-time image reflector demo

Javascript based real-time blur

Thinking of how an art program might blur an image, I came up with a rather simple sounding solution. Replot the same image off-center with a certain amount of opacity many times. With that solution, why couldn't it be done with javascript? It can! Take a look...
View the Javascript based real-time blur demo