Category: Navigation

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

Curtain.js – jQuery Page Navigation Scrolling Effect

on February 12, 2012 in Development, Effects, Navigation

Curtain.js is a jQuery plugin that creates the effect of a rising curtain when a page is scrolled down.

Scrolling can be done with the keyboard, scrollbar, mouse wheel or by binding to a navigation area. A fixed panel can also be easily added to multiple scrolling sections.

The scrolling speed can be customised as an option.

curtain.js

Circle Menu – jQuery Plugin

on December 31, 2011 in Development, Navigation

Circle Menu is a jQuery plugin that creates a customizable circular menu.

It can be easily styled with CSS and includes various options to control the opening and closing animations.

Lava Lamp Style Navigation – jQuery Plugin

on December 5, 2011 in Development, Navigation

Spastic Nav is a lava lamp style jQuery navigation plugin.

It features options to control the positioning, timing, color and easing.

A demo is available here.

Spastic Nav

Flexible Navigation – jQuery Library

on November 30, 2011 in Development, Navigation

Flexible Nav is a jQuery library which will add a navigation bar on the right side of the screen and gives a visual overview the headings on the page.

It can be used on any website by adding a bookmarklet to your browser and clicking it on any web page.

It can also be customized and added to any website pragmatically.  By default it will h1, h2 and h3 headings but any elements can be used.