SoundManager is a Javascript Sound API which  effectively maps most of the native sound capabilities of Flash 8 to Javascript.

It enables you to control sound in a cross-browser/platform environment, using a language you already know.

A sample SoundManager code would be:

soundManager.createSound('myNewSound','/path/to/some.mp3');
soundManager.play('myNewSound');
soundManager.setVolume(’myNewSound’,50);

You see that it is really easy. This JavaScript Flash Sound API has other powerful controls like:

• stream
• autoplay
• onid3 - for ID3 tag displaying
• whileplaying
• and more..

Using SoundManager, you can easily create sound based web applications or more interactive background sounds for non-Flash websites.

Virtual keyboard interfaces are generally used in websites where the highest level of security is a must like online banking applications.

Virtual keyboards help us to prevent any keylogging activies and/or provide users a special keyboard which they don’t already have (like a keyboard of another language).

This virtual keyboard very easy to use and already supports many languages.

How to use virtual keyboard?

You simply include the keyboard.js file and create a text element with the class = keyboardInput. That’s all.

htmlSQL is a PHP class for querying HTML using a SQL-like query.

It saves you from writing complex regular expressions to extract values.

htmlSQL example:

This query returns an array with all links that contain the attribute class="list".

Isn’t it great?

How to use?

You simply insert the PHP files from th download package and that’s all.

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

This Prototype image crop UI also has ratio locking, selected area preview and minimum height - width options.

Exhibit is a three-tier web application framework written in Javascript which makes it easier to show a few hundred records of data on maps, timelines, scatter plots, interactive tables, etc., without any programming knowledge.

In order to use Exhibit, writing a simple data file, and an HTML file that specifies how the data should be shown. Data + Presentation. That’s all.

Exhibit can be used as a web service like Google Maps without installing any software or source code can be downloaded to run it on your own web servers.

SilverStripe is a powerful content management system which runs on Sapphire framework (object oriented framework like Ruby on Rails or Django).

The framework lets you rapidly code up the "objects" your project uses (e.g. staff members, products, customers, along with their relationships). You then add a few lines of code and find SilverStripe has automatically added tables and columns to the database, let you use them in your website templates, and has added new "page types" and fields into the CMS for the content editor to utilise.

Some features:

• Simple: Intuitive and user-friendly
• Flexible coding framework
• Scalable: From 1 page to a million
• Standards Compliant: Fully XHTML compliant
• Modular
• Template Freedom: No restrictions on the look and feel of your site
• Open source
• Cross platform easy to install (PHP based)
• Supported

One of the best things about SilverStripe CMS is the active community behind it. You can easily find support from users.

There are some very useful modules developed for this content management system including a blog module, forum module & an e-commerce module.

CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

YUI Grids CSS:

• Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
• Supports easy customization of the width for fixed-width layouts.
• Flexible in response to user initiated font-size adjustments.
• Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
• Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
• Layouts less than 100% are automatically centered.
• Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
• Offers full A-grade browser support.

CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.