Manage Flash Sounds Via MooTools: MooSound

3 May

Few posts ago, we had mentioned SoundManager (WRD post link), a JavaScript API for controlling Flash sounds.

MooSound is a very similar API for MooTools (thanks to Ruslan for suggesting the resource).

MooSound’s poweful features let you reach almost every aspect of the flash sounds like:

start, stop, pause
ID3 information
Filesize
Loaded Bytes
Duration
Position
Setting the volume
Setting the pan
Jump to feature

API is very well documented and a demo can be found at the homepage.

Requirements: MooTools

Filed under: Flash, Goodies, LGPL License, Media

0 Comments

Great Roll Over Text Links Solution

2 May

Scrollovers is a way to quickly and easily add flair to your web pages, giving your users an experience they weren’t expecting.

It is simply a JavaScript that helps creating rollover image-like links with text .

How to use Scrollovers?

Insert the scrollovers.js file to your web pages and create your links like this:

<a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>

And the last add the styles with the color palette of your preference like below:

<style> a.scrollover {color: #557AFF;} a.scrollover em:first-line {color: #FF5B3C;} </style>

And that’s it.

Requirements: No Requirements
Compatibility: All Major Browsers

Tags: Javascript Link

Filed under: Effects, Goodies, Other License

0 Comments

Practical Non-Ajax Image Gallery: easyAlbum

29 Apr

easyAlbum is an open source image gallery script built with JavaScript.

This image gallery does not have an AJAX interface but it simply presents the images inside list tags with a Lightbox type browser friendly pop-up and navigation support.

How to use easyAlbum?

After inserting easyALBUM.js file in your page, create a list with the "ul" tag id equals gallery like <ul id="gallery"> and add the images inside the "li" tags.
Modify your "body" tag for onload like <body onload = "TJK_Gallery('gallery');">.

Requirements: No Requirements
Compatibility: All Major Browsers

Tags: Ajax Javascript List

Filed under: CC License, Gallery

2 Comments

Control Flash Sounds With JavaScript: SoundManager

29 Apr

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.

Requirements: Flash plugin 8+
Compatibility: All Major Browsers

Tags: Javascript MP3 SWF

Filed under: BSD License, Flash, Goodies, Media

2 Comments

wForms: Easy JavaScript Form Controls

25 Apr

For the projects that you don’t already have form controls, wForms is an open source unobtrusive JavaScript form controls library that you’ll find very useful.

It includes input validation, tooltips, field synchronization controls and more.

How to use wForms?

It is pretty easy. After inserting the javaScript library to your pages you can control the field attributes with classes like:

<input type="text" ... class="required"/>

inserts the a required field control for this input.

Paging with navigation is also another nice control which makes multi-step forms easy to handle.

Requirements: No Requirements
Compatibility: All Major Browsers

Tags: Javascript

Filed under: CC License, Forms, Goodies, LGPL License

1 Comment

Dock Menu Script For Functional Navigations

24 Apr

Dock menus are very handy when it comes to limited space in designs. They just appear when needed and this idea expands the website area so much.

Webber 2.0 Dock Menu is a nice JavaScript docking menu which is easy to implement and does not require any JavaScript frameworks.

It is built with the Philippe Maegerman’s tween class. The logic of the menu is very simple: an empty div which determines the mouseover area for the docking effect and that’s it. Simple but very functional.

Compatibility: All Major Browsers

Tags: Css Javascript

Filed under: Goodies, Menu & Navigation, Other License

0 Comments

High Quality Controls & Widgets for Prototype.js

18 Apr

Control Suite is a set of 6 high quality widgets and controls built with the Prototype JavaScript framework.

Each script is well tested, highly extensible and unobstrusive.

Suite has these widgets and controls:

Tab
Modal
TextArea
Select Multiple
Rating
Progress Bar

Different approach to star rating:

Suite is very well documented. You can easily reach the details of the APIs and this makes the product much more usable.

Requirements: Prototype JavaScript Library
Compatibility: All Major Browsers

Tags: Ajax Javascript Prototype

Filed under: Browsing, Forms, Goodies, MIT License, Rating, WYSIWYG-HTML Edit, Widgets

1 Comment

Free PHP File Browser: fileNice

15 Apr

fileNice is a free file manager built with PHP that lets users to browse through the files & folders easily.

The AJAX interface speeds up the browsing and it has nice features like:

Folder specific slideshows of images (without page reloads)
File details
Send to Flickr
Folder comments
Search
Prefs based sorting
Source viewing of code

How to use fileNice?

Very easy. You basically upload the script to the directory to be browsed and that’s all.

Requirements: PHP
Compatibility: All Major Browsers

Tags: Ajax Javascript Php

Filed under: CC License, File & Folder, Goodies

0 Comments

Virtual Keyboard Script For Secure Inputs

14 Apr

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.