Posts Tagged ‘Prototype’

JSValidate is a free library for validating forms that requires Prototype & to run.

Some rules it supports are:

  • Required field
  • Only numbers
  • Only letters
  • E-mail
  • Credit card number format
  • US zip code, phone number & state code formats

JavaScript Form Validation

It works by simply updating class tags of forms with the related rule information.

It lets you define in which tag & class the errors will be displayed & some more.

There is also a jQuery port on the way, named JValidate, which is not out yet but will be sharing at WRD for sure when it is published.

Ferdinand.Slider is a Prototype extension for creating simple image slideshows.

It uses a JSON file at any location as the data source which makes it possible to integrate with Flickr or similar services easily.

Prototype JSON Image Gallery

The extension has several options to set:

  • duration of effects
  • duration of image transition
  • opacity
  • background
  • prev-next buttons & more.

It is also possible to add more features (like a menu) to the slider as it can be controlled from outside with commands like slider.Next(), slider.Prev().

JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.

Besides form controls, alerts & similar simple JavaScript usage, you can almost do anything with the help of JavaScript (& Canvas). Some samples are:

  • Drag’n drops
  • Animations
  • CSS manipulations, Ajax & more.

JavaScript Games
And there are JavaScript libraries which make them easier like jQuery, MooTools, Prototype, etc.

For any developer looking for advanced JS techniques, games are a real treasure.

You can easily see examples of animations, interactivity, smart solutions for browser related math functions & so.. And they are definitely a source of inspiration as you sometimes face with a feature that you never thought could be existed.

Also, this is the last month of a busy year & every web designer/developer deserves some fun : ).

So, here are 25 amazing (sometimes not the game itself but how beautifully it’s done) JavaScript games that you’ll love.


Bunny Hunt

Hunting JavaScript Game

A classic hunting game with an easy to play interface.

Make sure you check the source of the website to see how simply it is built with the power of XHTML, CSS & JavaScript.

JavaScript Library: none.


Ajax Game Travians

A character game (like Sims) where you’re a villager.

It is a multiplayer game & totally Ajaxed. You can move your character, communicate with other user & more.

JavaScript Library: xajax.

Digg Attack

Digg JavaScript Game

This is certainly a Web 2.0 game. It is a JavaScript / Canvas 2D Shooter using live data via the Digg API to spawn enemies.

All the images are rendered with Canvas in real-time.

JavaScript Library: none.

Read the rest of this entry »

kProto is a collection of 3 handy Prototype based classes & extensions. Here they are:



It is a Prototype extension (& requires that enables you to display a series of messages with ease.

Using the extension, it is possible to create message sliders, image galleries (or sliders similar to the portal websites) & more.

Prototype Message Extension

With a list of options, the extension is very flexible.

It supports:

  • start, stop, next, previous actions
  • delay
  • animation when a message appears & another animation when it disappears
  • before-after options to fire any function between events
  • & several transition effects.



 It is a class for displaying unobtrusive messages like OS X Growl.

Growler can be styled with CSS & very suitable for displaying activity-info messages.

Prototype Growl

It has several options:

  • In & out speed of the message
  • life of it (after howmany seconds it willl disappear)
  • functins to be fired before any event 6 more.



This class allows developers to dynamically create namespaces. These namespaces can be used to better organize your code. They also help to reduce the amount of code that pollutes the global namespace.

Package also allows any javascript and css file to be included dynamically without being namespaced whether local or cross domain.

PrototypeXtensions is a Prototype.js and based JavaScript library.

It aims to add extra methods & components to Prototype.

Prototype Extensions

Currently, it has 3 components:

  • Core extension: class, cookie, event management & time calculations.
  • History: easy "set/get" parameter on hash of URL, observe the hash of URL & more.
  • Tabs: show / hide, select, Ajax / iframe.

Although the library is in very beta state, it is promising when considered what it currently does.