Difference between revisions of "JS libs"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
{{techy}} | {{techy}} | ||
| − | + | == Basics == | |
* http://docs.jquery.com/ | * http://docs.jquery.com/ | ||
| − | |||
| − | |||
| − | |||
** http://docs.jquery.com/UI/ | ** http://docs.jquery.com/UI/ | ||
| − | * http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery | + | * [http://docs.jquery.com/How_jQuery_Works Tutorials: How jQuery Works] |
| + | * [http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery Tutorials: Getting Started with jQuery] | ||
| − | * http:// | + | * [http://andreehansson.se/the-basics-of-jquery/ The Basics of jQuery] February 28th 2012 |
| − | + | * [http://jquerybyexample.blogspot.com/ jQuery By Example] - blog | |
| − | * http:// | ||
| − | + | == News == | |
| − | * http:// | + | * [http://www.jquerybuzz.com/ jQuery.Buzz()] - Latest jQuery news & resources |
| − | * | + | == API == |
| + | * [http://api.jquery.com/ jQuery API] | ||
| + | * [http://docs.jquery.com/Api API docs] | ||
| + | ** [http://api.jquery.com/category/css/ CSS] | ||
| + | * http://docs.jquery.com/Alternative_Resources | ||
| − | + | * [http://jqapi.com/ jQAPI] - Alternative jQuery Documentation. | |
| − | * http:// | + | * [http://jqapi.ru/ jQuery 1.7 API Cheat Sheet] |
| + | * [http://james.padolsey.com/jquery/ jQuery source viewer] | ||
| − | === Plugins == | + | == Development == |
| − | * http://archive.plugins.jquery.com/ - new one is being | + | * [https://chrome.google.com/webstore/detail/ckdgigcpjmambfmbabgjmmcicnnkjemi Get jQuery Selector Path] |
| + | |||
| + | == Plugins == | ||
| + | * [http://jqueryui.com/ 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. | ||
| + | |||
| + | * http://archive.plugins.jquery.com/ - new one is being [https://github.com/jquery/plugins.jquery.com/ built] | ||
==== Textarea ==== | ==== Textarea ==== | ||
Revision as of 16:27, 21 July 2012
Basics
- The Basics of jQuery February 28th 2012
- jQuery By Example - blog
News
- jQuery.Buzz() - Latest jQuery news & resources
API
- jQAPI - Alternative jQuery Documentation.
- jQuery 1.7 API Cheat Sheet
- jQuery source viewer
Development
Plugins
- 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.
- http://archive.plugins.jquery.com/ - new one is being built
Textarea
Animation
Carousel
$("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
$('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
});
$("#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
$("some_selector").scrollintoview({
duration: 2500,
direction: "vertical",
complete: function() {
// highlight the element so user's focus gets where it needs to be
}
});
$(...).scrollTo( 'li:eq(15)', 1000, {offset: {top:-5, left:-30} });
$('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
- http://joelb.me/scrollpath/ - define custom scroll paths
- http://markdalgleish.com/projects/stellar.js - not so good in chrome?
Typography
- http://www.frequency-decoder.com/demo/slabText/ - scaling headline text
Waypoints
Actions on certain areas of the page.
Forms
- http://harvesthq.github.com/chosen/ - A library for making long, unwieldy select boxes more user friendly
Sharing
Bubbles
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.