Tag Archive: Effects

Full Page Navigation Scrolling with Ascensor.js

on May 9, 2012 in Development, Navigation

Ascensor is a jQuery plugin that creates a full screen scrollable navigation area ideal for portfolio or brand sites.

Pages are navigated by clicking previous & next buttons or by clicking in the navigation area which is a customisable series of blocks that represent a map of the pages.

If a pages content is too large to fit on the screen it is still possible to scroll to view all content.

The plugin depends on the jQuery scrollTo plugin to scroll between pages.

Full Page Navigation Scrolling with Ascensor.js

Adipoli jQuery Image Hover Plugin

on April 18, 2012 in Development, Images

Adipoli is a jQuery image hover plugin with over twenty transition effects.

The plugin allows you to customise the default style (transparent, normal, overlay, grayscale) and hover style (normal, popout, sliceDown, sliceUp, fold, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse) of an image.

Each transition can be customised further with options for animation speed, colour, opacity and much more.

Adipoli jQuery Image Hover Plugin

Shuffle – CSS3 & jQuery Item Ordering

on April 7, 2012 in Development, Effects

Shuffle is a jQuery plugin that uses CSS3 transitions to reorder items in a grid based on categories listed in a HTML5 data attribute.

It works best in browsers that support CSS3 transitions however it will still function in older browsers such as IE7.

This plugin is similar to the Quicksand plugin we wrote about back in September last year.

Shuffle - CSS3 & jQuery Item Ordering

Create Custom Scroll Paths with jQuery Scroll Path

on March 17, 2012 in Development, Effects, Scrollbar

jQuery Scroll Path is a plugin for creating a custom path a browser follows while scrolling.

It uses moveTo, LineTo and arc methods to draw the path. It can also rotate the screen in browsers that support CSS transforms.

Scrolling can be done with either the mouse wheel or keyboard which uses the arrow keys, space to scroll faster and shift to scroll backwards.

Once the path has been created, the plugin can be customised with options to display the scroll bar, run in a loop or draw the path. It is also possible to use a scrollTo method to jump to a specific point in the path.

Optionally, it can also be used with the easing plugin.

Create Custom Scroll Paths with jQuery Scroll Path

jQuery Capty – jQuery Caption Plugin

on March 16, 2012 in Development, Images

jQuery Capty is a plugin that creates an animated caption over an image.

By default, the caption is generated from the ALT attribute but optionally, it can be from some other element using the name attribute.

The animation type, speed, position and opacity can all be customised in the configuration options.

jQuery Capty - jQuery Caption Plugin