Our Metro Sidebar : jQuery Navigation Menu

Our Metro Sidebar : jQuery Navigation Menu

Our Metro Sidebar display a sidebar with metro style, ideal for use on tables of content, navigation menus or management interfaces. Some features are:

Easy to use. Changeable Metro Colors. Full jQuery & css compatible. Hide and show. Checkboxes. Submenus. Metro design style. Auto overflow handling by scroll.

Jumble : jQuery plugin that jumbles the Colours of Text & Animate

Jumble : jQuery plugin that jumbles the Colours of Text & Animate

A jQuery plugin that jumbles up the colours of your text headers, and can also animate them. Choose a colour range for the colours to be jumbled amongst, and set params for whether the shuffle is based on brightness or satuation hue.

Navgoco : jQuery Multilevel Slide Menu

Navgoco : jQuery Multilevel Slide Menu

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded submenus between sessions by using cookies and optionally act as an accordion menu.

Bootstrap Dual Listbox in jQuery

Bootstrap Dual Listbox in jQuery

Bootstrap Dual Listbox in jQuery is a responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.

Extract URL content like Facebook with PHP and jQuery

Extract URL content like Facebook with PHP and jQuery

You may have seen Facebook’s technique that extracts content of remote URL when a user types a URL in the status text-box filed. In this article, we will try to create a similar type of Ajax based URL content extractor using jQuery and PHP.

S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

S Gallery is a responsive jQuery gallery plugin with CSS3  animations.It is inspired from SONY’s products gallery which is made in Flash.The gallery is accessible by keyboard and you can navigate through the images via keyboard shortcuts.

The plugin makes use of HTML5′s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

jQuery Top Bar Offers Promoter

jQuery Top Bar Offers Promoter

The jQuery Top Bar Offers Promoter is the best way to emphasize the offers on your website. All the special offers will be instantly seen by your potential buyers.

Features:

  • Over 50 js options from where you can customize the plugin.
  • You have parameters to change anything: colors, images, backgrounds, borders, dimensions.
  • The top bar promoter is responsive for both fixed dimensions or full width versions.
  • It is compatible with IOS and Android operating systems.
  • Options to add social icons in order to promote your website on all the available channels.
  • SEO Friendly
  • Centered or full width

Blueprint : On Scroll Effect Layout with CSS3 & JavaScript

Blueprint : On Scroll Effect Layout with CSS3 & JavaScript

An on scroll effect template that animates the sides of sections once they are in the viewport.This Blueprint is a template for a on scroll effect layout. We’ve had some requests on how to achieve this effect of animating elements once they are in the viewport and decided to create a Blueprint for it. It works with adding a class for animating the two sides of a section. There is an example effect defined and also some media queries for dealing with smaller screens.

Bootstrap Lightbox with jQuery

Bootstrap Lightbox with jQuery

A simple lightbox plugin based on the bootstrap modal plugin.This is a plugin for Twitter Bootstrap that adds a lightbox that is based off the modal dialog.

On Scroll Header Effects with jQuery & CSS3

On Scroll Header Effects with jQuery & CSS3

You’ve surely seen those really cool on scroll effects for headers that have been around lately. One example is the header on the Riot Industries website by Phil Renaud which rotates in 3d on click and enlarges when scrolling down. Similar work has been done by Johnny Simpson where he explores Scroll Activated Fixed Header Animations. We’ve also created a Blueprint for an On-Scroll Animated Header to get you started.

Today we’d like to give you some inspiration for animated headers and show you what kind of effects could be used to spice up your website’s starting element and give it some life.