Site tour - Site demo in10

21 06 2007

      You need to make a site demo and that too fast then this is the thing for you, Demofuse. Upon signup you get a small piece of javascript that has to be included in each of pages that show in the demo and from then on you can start creating your demo. A small flash based editor lets you create the demo slideshow style , you can add navigation, highlights, animated arrows and it even comes with customizable templates and  colors. Its a great product and really fast - my own demo took me less than 10 to create.

Another great product that you can use is AmberJack. This small 4kb open source javascript library can be included in almost every page and is extremely easy to use. This could be a great alternative if you don’t want to depend on a third party site for a tour. You can do things yourself; not in 10 ofcourse :-)

Some screenshots of an Amberjack tour

Have fun creating site tours and demos .





Photosets in10

23 05 2007

I was trying my hand at the flickr apis and was lucky enough to make Jflickr work to my advantage. I was able to get the photos and wanted a simple way to elegantly display photos and also allow for a slideshow. Basically, a really simple slideshow tool which could also present photos in a neat way. I found LightBox.

Built on top of script.aculo.us and prototype, LightBox by Lokesh Dhakar is a cinch to use. With lightbox you get a really easy to use photo presentation tool plus a slideshow like interface.  Check out this example.

1. download the lightbox library

2. include the required files in your html page.

3. write image urls in an anchor tag and you are done !!

You get a wonderful looking photo presentation that would have probably taken a year to build.

Estimated time : 2mins from download to deployment.





Loading Gif Generator in10

16 05 2007

So, you are developing that next big site using all the big words like Ajax and comet. But you aint a big UI specialist and you like how other sites make Ajax based request replies look so cool with their images and stuff. Well you can do the same thing too with Ajax Loadign Gif Generator.

See http://www.ajaxload.info/

Step 1: Open the website.

Step 2: Select the type of gif that you would want to create.

Step 3: pick a foreground and a background color( there is a palette to help you)

Step 4: Select whether you want the GIF to have a transparent background

Step 5 : Click on Generate.

and done !!!!

you have wonderful gifs like these  

Estimated Time : under 20 seconds :-o