Numberfier: add line numbers to your textareas
Numberfier is a jQuery plugin which adds line number support for nominated textareas. It is most useful for sites that wish to show code snippets, or allow users to write code. Line numbers appear in a left column appended before the textarea, and update on insertion or modification of the textarea's content.
post a commentBouncy text
Bouncy text is a jQuery plugin that animates text, bouncing each letter matched in the selector at random intervals. A pointless, if slightly fun method to make your page a little quirky.
5 comments | post newUber-customsiable video carousel
This carousel and featured-content rotator excels in two areas: firstly, it serves both video and graphic content, and secondly, it is super-customisable in terms of where the three components of the carousel - namely the slides, the tabs and the 'more info' area - are positioned within it. An XML file controls all behavioral and visual aspects of the carousel, though default settings can be overridden at the point of instantiation.
8 comments | post newXML-to-JSON convertor and remapper
This is a jQuery plugin for converting data from XML to JSON format. However its real power lies in its ability to also remap data to a different structure. This can be useful when you have a plugin or application that requires JSON data, but the data is coming from an XML feed that you don't have structural control over. Data is remapped to the structure you need.
9 comments | post newJAWS: news ticker and mini accordion
This widget-esq script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has 'more info' data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.
27 comments | post newSliding block puzzle game
This is a Javascript/jQuery-powered simulation of the sliding block puzzle game, where a picture is broken up into blocks, randomly positioned, which are then one-by-one slid around to recreate the picture. The script allows you to specify the pic URL and the number of blocks you want the picture to be split into. You can even let the user stipulate the URL to another picture to use.
6 comments | post newCarousel with wrap effect
This carousel actually wraps slides as they're bumped off the edges. That is, if a slide is bumped off the right edge, it reappears in equal measure from the left edge. The 'on' slide is always centered, widened and given full opacity. The other slides huddle around it, narrower and semi-opaque. An auto-rotator turns on each slide in turn, or you can force a slide on by clicking it (interrupting the auto-rotate). Clicking the 'on' slide takes you to its corresponding URL, specified in the config file.
14 comments | post newSpraycan - vandalise your page
Spraycan is a pointless if mildly entertaining plugin that allows visitors to treat your site as a graffiti wall. They can paint anywhere on the screen by clicking and dragging the mouse. A tools panel allows them to select the colour and size of the brush. A button to the top right of the screen, put there by the script, closes the plugin and returns to seriousness.
9 comments | post new