Slider.js : Slideshow with jQuery, CSS Transitions and Canvas

Slider.js is an easy-to-use customizable Javascript library to create image slideshows.

Slider.js relies on latest web technologies: the power of CSS Transitions to perform awesome and efficient effects and the HTML5 Canvas to perform some non trivial transitions.

Basic features

• Each slide displays the image, but can also have a text caption and a link.
• Slides navigation (pages, next, previous)
• Load images before starting the slider.
• Load the slider photos with a JSON object (distant or local).

Watermark.js – Create image watermarks with HTMLCanvas and Javascript

watermark.js is a js library for creating watermarks on images. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark. Your watermark doesn’t have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.

oCanvas – Object-based canvas drawing

oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier. Instead of working with pixels, you work with objects. It’s very straightforward and easy to get started with. Please have a look at the examples to see just how easy it is.

Subway Map Visualization jQuery Plugin

Anyone who knows HTML can easily create a subway map with this a jQuery plugin.

• Anyone should be able to create a beautiful, interactive subway map visualization for their website using HTML markup
• The map should be as faithful as possible to the London Underground map style with smooth curves and interchange connectors and 45-degree diagonals
• The map size, line width and colors should all be customizable
• Stations, interchanges and linked interchanges should be distinguishable from each other
• The markup used to create the map should be search engine friendly

jCanvaScript – manage content of a HTML5 canvas

jCanvaScript is a javasript library that provides you methods to manage with the content of a HTML5 canvas element easily. It runs on any platform (including iPhone, iPad, Android) that supports canvas and JavaScript. To add support for canvas in Internet Explorer you can use ExCanvas.

Features

• Fully Object Oriented
• Provides access to the canvas context
• Provides mouse-events to all objects
• Provides keyboard-events to all objects
• Provides drag’n'drop
• Easy methods to manage objects
• Provides easy objects animation

CamanJS – Canvas Image Manipulation

CamanJS is an attempt at providing a simple to use interface for dynamically manipulating images completely in JS. It strives to provide much of the basic functionality you would find in something like Photoshop. By this I mean, image contrast, brightness, levels, saturation, etc.