JQuery

Things and Stuff Wiki - An organically evolving personal wiki knowledge base. An on-the-fly taxonomy containing a patchwork trail of topic outlines, descriptions, notes, stubs and breadcrumbs, with links to sites, systems, software, manuals, organisations, people, articles, guides, slides, papers, books, comments, videos, screencasts, webcasts, scratchpads and more. Content is orientated towards mostly free/libre/open, mostly Linux. Quality and age varies drastically. Sometimes old things are first, sometimes last. Use the Table of Contents menu to navigate long pages. Zoom in if text is too small. Dead link? Wayback Machine. I probably need to fix the theme CSS after an update. See also libreav.org. Chat to msg me (not checking tho atm). e

General

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.

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

http://zeptojs.com/ - jqueryapi but lighter

http://jqueery.com

News

jQuery.Buzz() - Latest jQuery news & resources

API

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

http://www.jsrosettastone.com/

Dimensions

http://api.jquery.com/category/dimensions/

Development

Get jQuery Selector Path

http://www.jquerytools.org/download/

var jq = document.createElement('script');
jq.src = "http://code.jquery.com/jquery-latest.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

Plugins

http://plugins.jquery.com/

to sort

https://github.com/dbushell

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.

Images

http://lenticular.attasi.com/

https://github.com/t3hprogrammer/flipgrid.js

http://srobbin.com/jquery-plugins/backstretch/ - a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element

Tooltips

qTip2 - Pretty powerful tooltips

http://getwordsmith.co/

http://trentrichardson.com/Impromptu/ - for tutorials

Textarea

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

Animation

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

jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element.

http://davidcrawford.github.com/typist-jquery/

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]

https://github.com/p-m-p/jquery-box-slider

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
});

$("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]

$(...).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
}

Scroll with page

http://www.hawkee.com/snippet/9445/

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/

http://www.devinrolsen.com/jquery-zlayers-parallax-plugin/

http://www.kalyani.com/2010/10/subway-map-visualization-jquery-plugin/

http://airbnb.github.com/infinity/

http://web-features.net/

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.