CSS fix is a class that can replace CSS properties with properties with browser-specific names. It can parse a CSS definition and find CSS properties that are not yet well supported by all browsers. The class can add browser-specific properties that are equivalent to the found properties. It also applies other fixes for different CSS browser-specific definitions..
Canvas Events is an object that can emulate mouse events on canvas elements. It extends the HTML 5 canvas context object for a given canvas element, and can register event handlers to be called when mouse events on the canvas element occur. Currently, it supports the events click, dblclick, mouseover, mouseout, mousemove, mouseup, and mousedown events.
Easy Chart is an object to display several types of charts in Canvas elements. It takes the values, labels, and colors of each point and renders the chart in canvas elements of a given size. Currently, it supports rendering charts of types: line, scatter, column, bar, and pie. The chart background color, grid color and spacing, error, and mouse event handlers are configurable parameters.
Gravity animates HTML page elements using the laws of physics. It uses the Box2DWeb library to animate given page elements so they move, rotate, and collide. The gravity acceleration and direction are configurable. Given callback functions may be invoked when objects collide. Objects' speed and rotation may be affected when the user drags them using the mouse pointer. Each page element can be made static or animated. Animated page elements may include the respective children elements. The elements' friction and density properties can also be configured.
Highlighter JS is an object that highlights words in HTML pages. It searches for words inside given HTML page elements and encloses them within HTML tags to make the words appear differently. The search can optionally be case sensitive. The enclosing tags may have configurable CSS styles or custom handlers for click, mouseover, and mouseout events.
Image Selector previews images defined in select input options. It can take as a parameter the identifier of a form select input element which has options set to the URLs of images to be picked by the user. The object can display the currently-selected image inside a preview page element. The object can also change the currently-selected image to move to the next, previous, first, last, or to any of the images in the list.
Isoworld can render 3D isometric cubes from three page elements. It takes the identifiers of three page elements and adjusts their CSS transform properties so they form the faces of a cube which appears in the page with the 3D isometric perspective. It can also use a fourth element to be displayed as the shadow of the cube on top of another element which appears as the ground.
Light source is an object which can apply a shadow to page elements based on the position of a light. It takes the identifier of a page element and changes its CSS atttributes which define shadow parameters depending on the position of a light source relative to the target element and its children elements. The shadow can be generated either with the shape of the text elements or the whole box of the target element.