How To: Use Ajax for Designing Purpose, For Designers!!!!

Introduction

For some AJAX is marketing speak for something that has been around for years. For others, it is the salvation they have been looking for, for seemingly centuries. I would tell the former group that the latter group finally caught up, and you should revel in the growth of your new community and accept them with open arms. Snobbery really won’t help anyone.

Recently Jesse James Garrett from Adaptive Path wrote an article for the duo at Ok-Cancel called “Why AJAX Matters Now”. As usual Jesse is insightful and dead on about why AJAX has arrived. More aptly I would say that Jesse describes well why the world is now ready for
AJAX where earlier uses of the same technology had really no chance of taking off.

Jesse does still speak of AJAX’s arrival in his article, and while it is not such an important distinction, I would like to correct him and say that AJAX (as our former group notes above) has been around for a while, and that other environmental variables have been put in place to make AJAX consumable.

Continue Reading The Tutorial

How to create your own Effects using Scriptaculous!!!!

The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We’re going to show you how to take basic effects and build on them to create your own. So let’s get going.

First, download and include Prototype and script.aculo.us on your page as described in the installation instructions.

You’re ready to use the visual effects engine now! Give this short line a try:

<div onclick="Effect.Fade(this)">Fade me already!</div>To tweak the effect, try something like this:

<div onclick="Effect.Fade(this,{duration:3})">Fade me slower!</div>

Read the complete tutorial here on Think Vitamin

How to use Dojo Chaining Effects!!!

Dojo is an opensource javascript library that help web developper to write browser side code. It provides widgets, effects, graphic renderers and also helpers to write AJAX enabled apps.

This is not an really an AJAX example, just a simple effect created in chaining two basic dojo effects. This is not the case here, but in my application loadHandler function is called when data arrive from the webserver.

Following would be your output after this tutorial.

Read the complete tutorial here

http://www.biais.org/blog/index.php/2007/01/12/14-dojo-chaining-effects-and-callback-use