jQuery Directional Plugin

jQuery Directional Plugin

A simple plugin for funky directional slide effect on rollover/click on elements.

Stepper.js : A lightweight step-by-step flow generator

Stepper.js : A lightweight step-by-step flow generator

Stepper is a lightweight jQuery plugin for step-by-step flow generator.

Animated SVG Icons with Snap.svg

Animated SVG Icons with Snap.svg

Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons as a practical example.

 

onScreen : jQuery plugin do Stuff when Elements are visible

onScreen : jQuery plugin do Stuff when Elements are visible

A jQuery plugin that does stuff to elements when they enter or leave the viewport.This is optimal for CSS animations, like the demos section below.

You can set the tolerance parameter and allow the elements to enter the viewport certain amount of pixels before doing anything.

30 Photo Animations with JavaScript

30 Photo Animations with JavaScript

All animations and styles can be combined to create a unique experience for your image galleries.Use the Fig Configurator to quickly generate Fig HTML snippets ready to be copy and pasted to your website.

The package contains the original source files so if you’re a webdeveloper you can tweak the library to your own liking.

Animation Effects :

  • 7 load animations. Animate a photo in to view in six different ways, pick from zooming in or out, fading, or rotating in various directions.
  • 8 hover animations. Bring a certain area of the photo in to focus on hover or move the photo around when the user interacts with it.
  • 9 caption animations. Slide, fade or push the caption into view from various directions.
  • 6 text animations. Animate the caption text into view via fading, sliding or stacking.

Offline.js : Display online/offline Indication to your Users

Offline.js : Display online/offline Indication to your Users

Offline.js is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.

It captures AJAX requests which were made while the connection was down, and remakes them when it’s back up, so your app reacts perfectly.

Features:

  • Monitors ajax requests looking for failure
  • Confirms the connection status by requesting an image or fake resource
  • Automatically grabs ajax requests made while the connection is down and remakes them after the connection is restored.
  • Simple UI with beautiful themes
  • 3kb minified and compressed

Balanced Gallery : A balanced photo gallery plugin for jQuery

Balanced Gallery : A balanced photo gallery plugin for jQuery

Balanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided. Photos are scaled based on the size of the ‘container’ element by default, making Balanced Gallery a great choice for responsive websites.

PACE : Automatic page load progress bar

PACE : Automatic page load progress bar

An automatic web page progress bar.Include pace.js and a theme of your choice to your page and you are done!

Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.

If you use AMD or Browserify, require pace.js and call pace.start() as early in the loading process as is possible.

jQuery Ajax StartDelay

jQuery Ajax StartDelay

A small jQuery plugin providing a delay to be set before the handler is called in jQuery’s .ajaxStart().

The .ajaxStart event handler in jQuery calls the handler immediately when the ajaxStart event is triggered. In other words: when the AJAX request is made the handler is called. Most of the time the handler is used to show the user some kind of notice like ‘please wait a minute’ while the AJAX request-response cycle is on its way. It’s annoying to see this notice everytime an AJAX request is made. It’s nicer when this notice only shows up when the request-response cycle takes longer than a few seconds. This plugin provides the functionality to delay the call to the handler.

The plugin is simply a wrapper around the .ajaxStart event handler.

Galereya : Easily customizable jQuery gallery with a masonry layout

Galereya : Easily customizable jQuery gallery with a masonry layout

Responsive, easily customizable jquery gallery with a masonry layout. Almost all animation and effects are based on CSS features.Works on Chrome, Safari, Firefox, Opera(turned off some CSS animations), IE7+(Graceful degradation), Android browser, Chrome mobile, Firefox mobile, Safari on iOS and etc. Galereya effects and browser compatibility depends on your custom CSS styles a lot!