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.

Relocator.js : jQuery plugin to create Photo Gallery

Relocator.js : jQuery plugin to create Photo Gallery

Relocator is lightweight jQuery plugin to create photo gallery. this plugin will make the different size images to fit with the specified canvas without “size resizing”.

Features:

  • Plugin will resize the image and fit within the given canvas without “size resizing”
  • Also provide extra feature like show the title and animate the image description on mouse hover.

jinplace : jQuery Plugin for in-place Data Editing

jinplace : jQuery Plugin for in-place Data Editing

This is a plugin for jQuery for in-place editing of data on the page. The intended way to use it is for the editable fields on the web page to be marked up with HTML data-* attributes. The plugin call can be placed in a page template and when it runs it finds all the fields that have been marked as editable.

Features:

  • Primarily driven by markup on the page.
  • Can also use javascript configuration.
  • Framework independent.
  • Works with IE6-8 and all modern browsers, including mobile.
  • Supports text input fields.
  • Supports textarea input fields.
  • Supports select dropdown fields.
  • Data to be edited can be supplied as an attribute of the element, rather than using the existing text within the element.
  • Data to be edited can be retrieved from the server just before editing.