JWordTrainer is a generic tool that helps you to memorize words for basically any pair of languages. You must first add the words from your individual lessons to input files, then specify how many words from which input files you want to be asked. The program will randomly show words and a button that shows the translation. Pali-English is included as an example language pair, along with a README that explains in detail how to add new words and languages.
Texpand expands textarea input as the user types the text. It listens to the events triggered when the user types or delete text in a textarea input. The object can adjust the dimensions of the textarea input to make the text fit in the visible area of the input. The minimum or maximum width and height of the textarea input are configurable parameters.
Tmatrix manipulates matrices to transform Web page elements. It can create a matrix which defines transformation parameters to apply to a page element and recalculates the matrix values by applying different transformation operations like scaling, rotating, and skewing. The object can also apply absolute or relative transformations to specific elements like canvas, and return transformation values to use in CSS definitions.
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.
jQuery.pidCrypt uses HTML5 localStorage or sessionStorage for implementing an RSA public keyring within the browser, allowing transparent asymmetric encryption of form submissions while protecting the keys with AES symmetric encryption. It is easy to implement and has numerous configurable options for pre, post, and error-handling callbacks.
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.
SpotlightJS shows a spotlight over a Web page. It can create a transparent canvas on the top of the Web page with a dark area and a light rounded spot area which make the content below it appear as if it highlighted by a spotlight. The spotlight can be animated so it can move at a given speed. Callback functions may be invoked when the user drags the mouse over or clicks in the spotlight or the canvas area, as well when the animation starts and ends.
xLayers animates page elements stacked in different layers. It traverses the list of page elements of a given container element and changes their positioning properties so they appear stacked as layers on top of each other. Some elements may be explicitly excluded from becoming layers. The position and size of each layer can be adjusted by the user with the mouse or animated automatically at a given timing rate.
Page Transitions shows transitions when a user leaves a Web page. It can produce an animation effect, so when the user leaves the current page to another, the effect is applied to make the page disappear and the new page appear. The object can compose an animation defined programatically or execute one of many types of pre-defined page transition effects like fading, panning, shrinking, rotating, skewing, etc.
Journal is software for developing and publishing journals on the Web. It combines Java, Spring 3, Lucene, and Ehcache into an elegant solution for Web content management. The presentation is modern and CSS-based, and uses a responsive approach to layout. Resize your browser window and watch the layout adapt.