JAWStats is a companion to the famous AWStats statistics (which comes default by many hosting accounts).

It has a better presentation of data with Flash charts, Ajaxed & better organized interface.

For JAWStats to work, AWStats needs to be installed on the system.

Good thing with the application is, it doesn’t modify current AWStats settings & files. Simply reads & presents them in another way.

JAWStats is very easy to install, you can make it up in few minutes & has support for theming.

Easy Slider is a jQuery plugin for displaying images or any type of content within a slider.

It is configured with CSS and can slide the contents horizontally & vertically.

How does it work?

• Create an unordered list with the contents to be slided
• Define the div wrapping the slider: $("#slider").easySlider();
• Configure your prev-next buttons:
  • <span id="prevId"><a href="javascript:void(0);">Previous</a></span>
  • <span id="nextBtn"><a href="javascript:void(0);">Next</a></span>
• Set the options (speed, horizontal-vertical, IDs for prev-next buttons)
• And, style it however you want via CSS

Here are 3 unstyled demos:

• Default non-styled image slider
• Non-styled vertical image slider
• Non-styled vertical content slider

To sum up, Easy Slider is a handy solution for creating sliders that can be easily styled.

AudioPlay is a simple & free Flash mp3 player with only one button.

The "play" button, once clicked, starts playing the mp3 file & turns into a "pause" button. That’s all AudioPlay does.

The images used can be easily changed by simply updating the current image files.

The settings that can be configured from a xml file:

• background color
• mp3 file name
• loop (never, x times or unlimited)
• autostart

It also supports multiple instances on the same page.

To conclude, it is an ideal player to be used as a background music player.

SenCSs is a CSS framework that doesn’t provide a layout system but aims to take care of the rest, like:

• fonts & font-sizes
• paddings
• margins
• colors,
• tables & lists
• headers, blockquotes and what more..

SenCSs has support for forms which helps presenting them nicely (better form support is on the way).

There are also styles for elements like errors, warnings or success messages which are parts of a standard web application.

SenCSs, although being fresh & currently in development, is a nice base to start with & improve depending on your needs.

An example HTML file can be found here.

As every user has different screen resolutions & browsers can be resized to custom sizes, the browser won’t generate scrollbars at Flash movies with 100% sizes and possibly a part of the content may not be shown to the user.

swffit is a script that that resizes your flash movie automatically if your browser window size is smaller or greater than your flash minimum desired size to keep it accessible.

How to use it?

• Include swffit.js to your webpage
• Call the function: swffit.fit("my_flash", 1000, 590);
• That’s all

swffit can also be controlled with an API including enabling/disabling it or adding functions when it is activated & more.

SlideItMoo is a free MooTools image slider that can be used as an image gallery or a banner rotator.

Images can be browsed via prev-next buttons (or mouse wheel) & it’s design can be customized totally via CSS.

SlideItMoo offers several options like:

• Ability to limit the images to be shown once
• Show-hide controls
• Auto-slide on-off
• Transition effect
• Initial image to be shown once the slider is loaded & more..

Images in the slider are mentioned in the code (not Ajaxed) & original-sized images are displayed in Slimbox (or any other Lightbox clone).

Pixastic is an open source JavaScript image processing library.

It uses HTML5 Canvas element that enables accessing to raw pixel data.

Supported effects are:

• desaturation/greyscale
• invert
• flipping
• brightness/contrast adjustment
• hue/saturation
• emboss
• blur & more

There is an image editor built with it & the library is well-documented.

DD_belatedPNG is a fresh IE6 PNG fix script with features where other solutions are missing.

It doesn’t use MSIE AlphaImageLoader filter so, it succesfully renders background-repeat and background-position.

The script also fixes the IE6 grey background problem.

How to use it?

Very simple.

• Insert the .js file to your code
• Create another script node
• Define the class the fix will be applied to, like:
  • DD_belatedPNG.fix('.png_bg');

That’s it.

P.S. It is adviced to use the script only for IE6 with conditional comments.

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

Marquee – examples

It is a Prototype extension (& requires Script.aculo.us) 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.

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.

Growler – examples

 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.

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.

Package – examples

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.

JxLib is a JavaScript library for creating graphical user interfaces just like jQuery UI, Ext JS or Dijit.

It is based on MooTools & well-document with a list examples.

The library includes:

• layout managers
• buttons
• tabs
• toolbars
• dialogs
• panels
• trees
• grid control

JxLib helps creating very clean & easy to use interfaces that can be seen from the examples.