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.
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 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.
- 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 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.
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.
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.
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!
It’s a responsive event calendar. It can also be used as a timeline. It’s suitable both for responsive and fixed layout. Its features :
- Flat UI.
- Supported by all major browsers.
- Responsive design.
- 5 layouts included.
- Own layout can be customized.
- Almost fully css customizable.
- Metro and iOS7 inspired.
Format html inputs to match a specified pattern.Sometimes it is useful to format user input as they type. Existing libraries lacked proper functionality / flexibility. Formatter was built from the ground up with no dependencies. There is however a jquery wrapper version for quick use.
Jquery-icbiacontrol is a jQuery plugin that helps you style native browser controls without losing their native behaviors.
It works by adding custom, styleable markup to the DOM right next to the original control, which is then made transparent and positioned on top of your custom widget. That way, when you interact with the styled widget, you’re actually interacting with the native browser control.
For example, when you use the plugin with a select box, you style only the “display” part. When the widget is engaged, the normal browser dropdown is shown. iOS will show its little scrolly wheel thing; desktop browsers will show the native dropdown list.