WOW.js Javascripts by Java-Scripts.net: Free javascripts, tutorials, examples, and resources. slip.js Tangle: JS Library For Reactive Docs Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn. This is a simple reactive document. When you eat 3 drag cookies, you consume 150 calories. This is the HTML for that example. When you eat <span data-var="cookies" class="TKAdjustableNumber"> cookies</span>, you consume <span data-var="calories"> calories</span>. And this is the JavaScript. Write your document with HTML and CSS, as you normally would. Try out some examples. Proposition 21: Vehicle License Fee for State Parks The way it is now: California has 278 state parks, including state beaches and historic parks. What Prop 21 would do: Proposes to charge car owners an extra $18 on their annual registration bill, to go into the state park fund. Analysis: Suppose that an extra $18 was charged to 100 % of California taxpayersvehicle registrations. Fc = 2 KHz Q = 0.8 Unstable
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
MicroJS: Micro-Frameworks & Micro-Libraries 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 Set magnifier options and the Javascript ...
circles.js 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
gridList.js - Drag n drop library Unheap - jQuery plugins