60+ Stunning Scriptaculous Applications

Post Pic

This post will help you in checking out most stunning Script.aculo.us Applications in the World of Web and at the same time might help you in coming up with new web applications using Script.aculo.us. I would like to request all the developers to have a look at these stunning applications which are made and developed by Script.aculo.us


Sctiptaculous

Prototip: Create beautiful tooltips with ease

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

  • Style: Easy to customize.
  • Position: Complete control over tooltip positions.
  • Round: Configurable rounded corners, no PNG images required.
  • Speech bubble effect!
  • Works on all modern browsers.

Prototip


Scriptaculous slider trick

Yesterday I was looking at the Scriptaculous library, in particular the slider bar. I had used it once before with some success, using a graphic for the track and gripper. But that’s was boring! What I wanted was to see the bar fill up with colour when it was slide.

Slider Trick


Star Box: rating stars for prototype

Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.

Star Rating


Lightbox++

After some careful debugging and research, I was able to pin down the problems with the Mac clients, so I set out again to try and put this to bed. Tonight, I would like to introduce to you Lightbox++. The browser compatibility problems should be resolved, and the script now retains the ability to use regular Lightbox functionality, with the added ability to embed your Flash videos.

Lightbox


JavaScript Image Cropper UI, using Prototype & script.aculo.us

The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us.

Initially I performed quite a lot of searching for some ready made solutions to meet my requirements, but found none that had the complete feature set that I required or any complete versions based on Prototype.

So after a week and a half of work, I present the JavaScript image cropper

Image Cropper


Scriptaculous Effects Demo

Move your mouse over the words at the left to see how an effects work. Holding your mouse over the effect with repeat it. If you move your mouse over another effect, it will start when the previous effect finishes.

Effects


LightWindow v2.0

  • Supports EVERY Media type and renders it appropriatly.
  • Better Animations!
  • All video/media bugs have been resolved!
  • More functions for you to access!
  • Major improvements to IE!
  • Create your own custom overlays including transparent patterns!
  • Galleries [Anything can be a gallery, the only limitation is your theme and markup]
  • You can create your own theme including markup/css/animations.
  • Automatically detects media and source.
  • A variety of parameters are available to further customize the experience.
  • Window will fit content fetched! Excludes i-frame content!

Read More…

Lightbox2


Scriptaculous Sortables Demo with Ajax Callback

Built with Scriptaculous 1.7 Beta 2. Drag items in the list below. Each time you update the list an Ajax call is made that updated the database with the new order.

Sorting


Fancy Sliding Tab Menu using script.aculo.us

Well I’ve been at it again looking at new ways in which I can make good use script.aculo.us effects. I started by looking at the accordion this time and ways in which it can be developed to produce different results. The most common example that I knew of was the Rico accordion, so that’s where I decided to start.

As you can see below it looks quite cool and can add some nice interaction to any site. At this stage, however, I’m not going to write too much about the code behind it as I am still working on it but I thought it may be interesting for people to have a look at.

Sliding Tab


Opacity change using Scriptaculous

Scriptaculous is a great framework to implement superb animated effects for your website. It’s simple to use and in general final result is awesome.

This tutorial explains how to use Scriptaculous to implement a nice “change opacity” effect for a layer and its content.

Opacity


Below are remaining awesome list:

Hope the above list of references might help you in developing awesome web applications using Scriptaculous

Related Entries...

Advertisement

Please let us know your feedback about the article through the comments section below, we want to hear from you about our website. And your comment / advice may help us to serve you better in upcoming articles.

Thank You!
Vivekanand [Founder of DeveloperSnippets]

18 Responses

[...] Enlace: 60 stunning scriptaculous applications [...]

01.20.09

Really cool site you have!!

01.20.09

kool

[...] 60+ Stunning Scriptaculous Applications [...]

01.20.09

Great post thanks!

01.20.09

Hi. Your site displays incorrectly in Mozilla, but content excellent! Thank you for your wise words.

01.20.09

Excellent list! A few Scriptaculous gems in there. Thanks very much.

[...] 60+ Stunning Scriptaculous Applications (tags: webdesign tools javascript) [...]

[...] [Original article] Technorati Tags: API, JavaScript, Programming, Script.aculo.us [...]

01.20.09

Hello. Great job. I did not expect this. This is a great info. Thanks!

[...] new ideas by looking at these effects. If you couple this with a Javascript animation library like Scriptaculous, you can create some nice graphics without a single image. Remember, though, these languages and [...]

01.20.09

great review.. love script.aculo.us love javascript!!!

[...] is very popular, and lots of people have written stuff with it that is available for anyone to use – check out this set of awesome tooltips, for example. [...]

01.20.09

Very good list for those who want to develop web app using Prototype, will definitely help a lot, thanks for the post buddy!

[...] 60 Stunning Scriptaculous Applications – Developer Snippets [...]

01.20.09

Some of the listed applications are really handy in terms of usability and functionality. A really good collection for Web Designer and developers.

01.20.09

I am going to book mark your site and take the nourishes additionally?I’m delighted to learn so several advantageous specifics right here inside the publish, we wish build added methods on this regard, appreciate your discussing

01.20.09

Excellent To find out This article ..

Leave Your Response

* Name, Email, Comment are Required