JAWS: 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 newjQuery drop-down selector
Dropdown is a Javascript/CSS-powered simulation of the in-built <select>, but more tangible. It can work either as a navigation tool or as a form field. In the case of the latter, a value is submitted to the server once the form is submitted, just as you'd expect with a real <select> element.
11 comments | post newBlockster transition effect
Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.
67 comments | post newMatch elements via REGEXP in jQuery
This script allows REGEXP matching as part of jQuery's selector chains. It includes a plugin which provides a .regexp() method as part of a chain, and also an extension, which provides a :regexp pseudo selector.
2 comments | post new