Advertise here with BSA

YUI Slideshow is a YUI3 module which enables us to convert any HTML element’s children into animated slideshows.

It comes with a bunch of configuration options to customize the slider like:

• animations used (for both incoming & outgoing slides)
• intervals between each image
• duration of them
• autoplay
• & more..

The module has play/pause/previous/next controls for easily creating a player interface.

10+ different animation types can be choosen from various fade & swipe effects.

It is also possible to create advanced & custom animations where an example is already provided.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Picok (personal information cockpit) is an open source, multi-user script where users can create their own iGoogle-like start pages.

It is ideal for intranets as an admin account can pre-define the available components like feed addresses & users can select items from that list.

Similar to iGoogle, the items can be:

• drag’n dropped
• minimized
• configured

The script has integration support for Lotus Notes, Doodle, Wikipedia, Google Maps & more. Also, users can create post-it notes.

Picok offers a multi-language interface & can be extended by writing custom portlets.

It is built with PHP (Zend Framework), YUI & supports MySQL, Microsoft SQL Server, IBM Lotus Notes.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Most of us are familiar with the beautiful interface of Yahoo Pipes, how objects are wired to each other.

There is an open source JavaScript library, which enables you to create a such visuality, named WireIt.

The library is very suitable for creating dataflow applications (like a family tree) or visual programming languages.

WireIt is very well-documented & has some attractive examples.

It uses the YUI library for DOM and events manipulation, and excanvas for IE support of the canvas tag.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

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.

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

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.

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

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.

Invaders From Mars

A classic game & pretty amazing implementation.

Developer’s blog has lotf of information about the game & the code.

JavaScript Library: SoundManager2.

Solitaire

Classic Solitaire game in JavaScript. All the source can be viewed & there are no server-side dynamics. It is totally a JS game, beautifully coded.

JavaScript Library: none.

Card Games

A set of solitaire-like card games like freecell, yukon & more.

Background & deck image can be selected besides the game. There are very smooth JavaScript effects used.

JavaScript Library: YUI, MochiKit, PlotKit.

Jetris – JavaScript Tetris

A JavaScript version of tetris.

JavaScript Library: Game JS.

PacMan

The game is pure JavaScript & XHTML. There is a nice use of CSS sprites (just check the bg images).

JavaScript Library: YUI.

Bomberman

This was "once" my favorite game : ). 

It is possible to play the game against another player here.

JavaScript Library: MooTools & SoundManager2.

Minesweeper

Just the same classic Minesweeper.

JavaScript Library: none.

ProtoRPG

A RPG engine written in Javascript that has items to be picked, monsters & more.

JavaScript Library: Prototype & Script.aculo.us.

Vox Imperium

An Ajaxed multiplayer strategy game based on conquest, diplomacy & territorial control.

JavaScript Library: none.

Real World Racer

Car racing on Google Maps at any destination you want.

JavaScript Library: none (Google Maps API).

DHTML Lemmings

This is probably one of the most famous games ever.

It is just similar to the original one.

JavaScript Library: none.

Battleship

Beautiful implementation of this classic game.

Ship are placed with drag’n drops, there is an Ajax activity at the background & it can be played multiplayer too.

JavaScript Library: Prototype, Script.aculo.us & SoundManager2.

Ajax Chinese Chess

The game works very smooth with the animations & sounds.

JavaScript Library: MooTools & SoundManager2.

DHTML Arkanoid

Original arkanoid almost totally ported to JS.

You’ll be surprised when you see the effects of the bar, bonuses & more.

JavaScript Library: none.

Brickslayer

The famous game but in JavaScript & XHTML (like the arkanoid above but simpler).

JavaScript Library: Prototype & SoundManager.

Sudoku

As the game is totally related to Maths, there are serious equatitons at the background.

You can insert the numbers by clicking to the empty fields & activating the input.

JavaScript Library: none.

Video Poker

A real video poker game with all the possibilities. Simply amazing.

JavaScript Library: none.

BeSlimed

A JavaScript version of the popular Bejeweled.

Objects can be dragged/dropped & has nice animations.

JavaScript Library: MooTools.

Spacius

This is again a classic shooter game that uses XHTML & JS.

JavaScript Library: SoundManager2.

JavaScript Super Mario Kart

An experimental Mario Kart-like game that uses the Canvas element.

It enables you to define the quality, render mode to test the performance.

JavaScript Library: none.

GPokr

A multiplayer, Ajaxed poker game where you can play or watch a table.

JavaScript Library: GWT.

JavaScript Mario

Super Mario in 14kb of JavaScript.

JavaScript Library: none.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Flickr’s Flash file uploader is one of the most functional uploaders a developer can think of.

It supports:

• Multiple file selection in a single "Open File" dialog.
• File extension filters for easier selection.
• Upload progress tracking.
• Filename, size, date created, date modified, and author can easily be extrated.

This flash file uploader is avaliable as the YUI Uploader component.

You can also include additional data in the upload POST request.

And, upload component provides faster file upload on broadband connections due to the modified SEND buffer size.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

Bubbling Library is an easy to adopt Yahoo! User Interface (YUI) Library extension for event-driven applications.

It consists of a set of plugins, behaviors and widgets.

This YUI extension has the following features:

• Plugins
  • Dispatcher
  • Lighter
  • Form Manager
  • Sound Manager
  • Translator
• Widgets
  • Accordion Manager
  • Loading Mask
  • Tooltip Manager
• Behaviors
  • Bookmark Links
  • RSS Feed Links

Bubbling Library is well-documented and has lots of examples of every feature.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

inputEx is a javascript framework, built on the top of YUI, for creating forms and form objects.

It uses no html (opposite of unobtrusive libraries): all the fields and forms are configured using JSON. It provides a very efficient abstraction for building interactive web applications.

inputEx features:

• json configuration for each field
• complex data structures (list/objects/tree/list of urls/objects of objects etc…)
• composition between the fields (for “meta”-fields such as InPlaceEdit,List,Tree,Pair,…)
• javascript object mapping for greater interactivity
• a common “updated” event to handle different browsers and different field interactions

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

For JavaScript and AJAX applications, Taffy DB is a beautiful tool.

Taffy DB is an open source JavaScript library that acts as a data layer inside the applications. Just think of it as a SQL database in your web browser.

Let’s say you have a collection of products and you want to find every product that costs less than $10 and is not a book. Simple, just write some JavaScript:
products.find({price:{lessthan:10},
type:{not:"Book"}});

Major features:

• Under 10K!
• Simple, JavaScript Centric Syntax
• Fast
• Easy to include in any web application
• Compatible with major Ajax libraries: YUI, JQuery, Dojo, Prototype, EXT, etc
• CRUD Interface (Create, Read, Update, Delete)
• Sorting
• Looping
• Advanced Queries

Check out the Getting Started Guide for Taffy DB‘s capabilities.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Advertise here with BSA

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.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)