TinyBox2 modal box script brings a ton of new features and still clocks in under 5KB. The script now supports iframes and images natively. You can POST with Ajax. Clicking ESC will close the window. Callback functions can be passed for load and close events.

You can set CSS IDs to override the default styling. CSS position can be toggled between fixed and absolute. The mask opacity can be sent. You have full control over window location. And of course there is now a close button out of the box you can toggle.

This script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects under the creative commons license.

Published under: Popup | CC License

audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere.

It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.

audio.js can only play mp3 files and can be extended in any way like playing a single file or a list of songs.

Published under: Audio | MIT License

Easel JS is a Javascript library for working with the HTML5 Canvas element. The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.

Easel JS was built by gskinner.com, and is released under the MIT license, which means you can use it freely for almost any purpose including commercial projects.

Published under: Framework | MIT License

Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), Knockout can help you implement it more simply and maintainably.

It is a standalone library, can work with any JS framework and be implemented into any existing web application without huge changes.

Knockout is very well-documented and has several examples to ease the learning process.

Published under: Framework | License Free

Jo is a JavaScript framework for HTML5 capable browsers and devices. It was originally designed to work on mobile platforms as a GUI and light data layer on top of PhoneGap.

Since its creation, Jo has also been tested successfully as a lightweight framework for mobile browsers, newer desktop browsers, and even Dashboard widgets. Jo is under a friendly OpenBSD License. Minified JavaScript is just over 8K with no dependancies.

Published under: Framework | License Free

Tile5 is an open source HTML5 mapping JavaScript library that enables developers to integrate existing mapping platforms for providing a rich HTML5 experience.

It is compatible with most of the mapping providers like Google, Bing, Yahoo, MapQuest and more.

Besides the API for mapping, the library is also functional for creating more generic tiling application interfaces.

With the compatibility HTML5 offers, Tile5 is targeted at both desktop and mobile browsers.

Published under: Maps | MIT License

Photo Zoom Out Effect with jQuery

Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries. Our example uses some black and white images to focus on the effect.

More...

Published under: Charts | Gallery | Tooltips | Best Collections

EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.

It can feed from a XML file or attached to an existing HTML table.

The library automatically enables users to edit cells with a suitable editor like textfields, checkbox, etc. and comes with built-in validators (integer, double, URL, e-mail and date).

More...

Published under: Tables | GPL License

Smoothie Charts is a really small charting library designed for live streaming data. Joe Walnes wanted to show real time streaming data pushed over a WebSocket. Although many of the charting libraries allow you to dynamically update data, none have really been optimized for a constant stream of data.

Smoothie Charts only works on Chrome and Safari. And it doesn’t support legends. Or pie-charts. In fact, it’s inferior in virtually every way to a library like Flot. But, it’s very good at displaying streaming data.

Published under: Charts | MIT License

There are some great JavaScript testing frameworks out there. Many only work from within a browser. Most don’t support testing asynchronous code like event callbacks. Some have syntax that’s hard for JS developers or IDEs to understand.

Jasmine is a JavaScript testing framework. It’s heavily influenced by, and borrows the best parts of, ScrewUnit, JSSpec, JSpec, and of course RSpec. Jasmine is not tied to any browser, framework, platform, or host language. It work anywhere JavaScript can run, including browsers, servers, phones, etc.

Published under: Framework | MIT License