JS libs

Basics

• jQuery - Docs Main Page
  • jQuery UI - jQuery's visual controls. jQuery UI features a wide range of core interaction plugins as well as many UI widgets. The project homepage is located at jqueryui.com. Please visit these pages for downloading UI and many demos.

• Tutorials: How jQuery Works
• Tutorials: Getting Started with jQuery

• The Basics of jQuery February 28th 2012
• jQuery By Example - blog

News

• jQuery.Buzz() - Latest jQuery news & resources

API

• jQuery API
• API docs
  • CSS
• http://docs.jquery.com/Alternative_Resources

• jQAPI - Alternative jQuery Documentation.
• jQuery 1.7 API Cheat Sheet
• jQuery source viewer

Development

• Get jQuery Selector Path

Plugins

• http://archive.plugins.jquery.com/ - new one is being built

http://jquery.malsup.com/

• http://iwantaneff.in/repo/
  • https://github.com/higgo/handpicked.jquery.plugins.repo
  • http://forum.jquery.com/topic/the-handpicked-jquery-plugins-repository

jQuery UI

• jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.

Masonary

• http://masonry.desandro.com/

Textarea

• https://github.com/IceCreamYou/jQuery-Autogrow

Animation

• http://gsgd.co.uk/sandbox/jquery/easing/

• http://jackrugile.com/jrumble/

Carousel

• http://fredhq.com/projects/roundabout
  • https://github.com/fredhq/roundabout

$("ul#roundabout").roundabout({
   autoplay: true,
   autoplayInitialDelay: 2000
});

The above works only for the first instance. Use window.setTimeout to alter further IDs. [1]

Scroll to anchor

• https://github.com/JamyGolden/PlusAnchor/
  • http://css-plus.com/2010/11/create-a-scrolling-anchor-link-with-jquery/

$('body').plusAnchor({
  easing: 'swing',
    // The easing method, defaults are 'swing' and 'linear'.
    // Anything else  requires the easing.js plugin
  speed:  1000
    // The amount of time, in milisecons, it takes to complete a transition
});

• https://github.com/djpate/jSlideto/tree/master/js
  • http://djpate.com/2011/01/01/animated-scrollto-effect-jquery-plugin/

$("#someDiv").slideto({
  highlight_color: 'blue',
  highlight_duration: 'slow',
  slide_duration: 500
});

• http://webdesignerwall.com/tutorials/scrollto-posts-with-jquery [2]
• https://github.com/litera/jquery-scrollintoview
  • http://erraticdev.blogspot.com/2011/02/jquery-scroll-into-view-plugin-with.html

$("some_selector").scrollintoview({
   duration: 2500,
   direction: "vertical",
   complete: function() {
     // highlight the element so user's focus gets where it needs to be
   }
});

• http://archive.plugins.jquery.com/project/ScrollTo [3]
  • http://flesler.blogspot.com/2007/10/jqueryscrollto.html
  • http://demos.flesler.com/jquery/scrollTo/
  • http://webdesignerwall.com/tutorials/scrollto-posts-with-jquery

$(...).scrollTo( 'li:eq(15)', 1000, {offset: {top:-5, left:-30} });

• jQuery Smooth Scrolling Internal Links

• jquery-smooth-scroll

$('a').smoothScroll();
$('#container a').smoothScroll();
$('#container a').smoothScroll({excludeWithin: ['.container2']});
  exclude links if they are within a containing element: 
$('a').smoothScroll({exclude: ['.rough','#chunky']});
  exclude links if they match certain conditions
$('.backtotop').smoothScroll({offset: -100});
  adjust where the scrolling stops
$('a').smoothScroll({afterScroll: function() { alert('we made it!'); }});
  add a callback function that is triggered after the scroll is complete 

{
  offset: 0,
  direction: 'top', // one of 'top' or 'left'
  scrollTarget: null, // only use if you want to override default behavior
  afterScroll: null, // function to be called after scrolling occurs. "this" is the triggering element
  easing: 'swing',
  speed: 400
}

Scrolling and Parallax

• jScroll is a jQuery plugin that keeps an element in view when a user scrolls. [4]
  • https://github.com/wduffy/jScroll

• http://joelb.me/scrollpath/ - define custom scroll paths
  • https://github.com/JoelBesada/scrollpath

• http://www.ianlunn.co.uk/plugins/jquery-parallax/
  • https://github.com/IanLunn/jQuery-Parallax

• http://johnpolacek.github.com/scrollorama/
  • https://github.com/johnpolacek/scrollorama

• http://johnpolacek.github.com/scrolldeck.js/

• http://imakewebthings.github.com/deck.js/

• http://lab.hakim.se/reveal-js/

• http://markdalgleish.com/projects/stellar.js - not so good in chrome?
  • https://github.com/markdalgleish/stellar.js

• http://www.sequencejs.com/

• http://www.infinite-scroll.com/

Presentation

• Impress.js - It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
  • http://tantaman.github.com/Strut/ Strut] - Presentation editor for Impress.js

• http://shama.github.com/jmpress.js

• dizzy.js is a Javascript library that enables you to create nonlinear presentations similiar to Prezi without using Flash. The presentation data is stored in the SVG-format, the navigation and animation is done via Javascript.

Typography

• http://www.frequency-decoder.com/demo/slabText/ - scaling headline text

• http://letteringjs.com/ [5]
• http://www.kernjs.com/

Waypoints

Actions on certain areas of the page.

• http://imakewebthings.github.com/jquery-waypoints
  • https://github.com/imakewebthings/jquery-waypoints

Forms

• http://harvesthq.github.com/chosen/ - A library for making long, unwieldy select boxes more user friendly

Sharing

• http://sharrre.com/

Bubbles

• https://github.com/ajwhite/Bubbles

• http://cyber-web.biz/javascript/downloads/floating%20bubbles/floating%20bubbles.php#

Injection

• DiceJS (dynamically injected css engine) is a jQuery extension that allows you to store your CSS in JavaScript objects to dynamically manipulate and inject as you please.