Velocity.js. Unheap - jQuery plugins. GridList.js - Drag n drop library.
Galeries d'images. Lightbox. Switchery.js. What is Switchery?
Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly. Licensed under the MIT License. Supported by all modern browsers: Chrome, Firefox, Opera, Safari, IE8+ If you like this module and you're a fan of iOS 7 style UI widgets, check out Powerange. Fork the GitHub repo Installation Standalone Component $ component install abpetkov/switchery Bower $ bower install switchery Rails To use Switchery in your rails app, add this to your Gemfile: gem 'switchery-rails' Or go to Switchery Rails gem page for more info, documentation and instructions. Angular JS For thorough installation and usage instructions on how to use Switchery with Angular JS, check out this repo: servergrove/NgSwitchery Meteor You can install Switchery to your Meteor.js app via: $ meteor add abpetkov:switchery Switchery on Atmosphere Usage Settings and Defaults.
Circles.js. Magnifier.js. Magnifier.js is a Javascript library enabling magnifying glass effect on an images.
Features Zoom in / out functionality using mouse wheel Magnified image can be displayed in the lens itself or outside of it in a wrapper Attachment of user defined functions for thumbnail entering, moving and leaving and image zooming events Display loading text while the large image is loading, and switch to lens once its loaded Magnifier.js uses Event.js as a cross-browser event handling wrapper, which is available at Github and JSClasses.org Works in Chrome, Firefox, Safari, IE 7, 8, 9 & 10.
Licensed under the MIT License, © 2013 Mark Rolich Source code is available at Github Magnifier.js can be used for both single and multiple images, as well as galleries using dynamic option setting on gallery navigation: Birds of America Downy Woodpecker by John James Audubon At a glance Include magnifier.css in the head section of the HTML document Let's create sample HTML markup. Slip.js. CountUp.js. WOW.js. Ifvisible.js. Crosbrowser & lightweight way to check if user is looking at the page or interacting with it.
Check out the Demo or read below for code example or Check Annotated Sorce // If page is visible right nowif( ifvisible.now() ){ // Display pop-up openPopUp();} Handle tab switch or browser minimize states ifvisible.on("blur", function(){ // example code here.. animations.pause();}); ifvisible.on("focus", function(){ // resume all animations animations.resume();}); ifvisible.js can handle activity states too, such as being IDLE or ACTIVE on the page ifvisible.on("idle", function(){ // Stop auto updating the live data stream.pause();}); ifvisible.on("wakeup", function(){ // go back updating data stream.resume();}); Default idle duration is 60 seconds but you can change it with setIdleDuration method ifvisible.setIdleDuration(120); // Page will become idle after 120 seconds. ScrollReveal.js. iCheck.js.