JavaScript

PHP

Functions: date

j/n/y - 24/10/12
g:ia, j M - 11:41pm, 13 Feb

JS

http://nodemanual.org/latest/

http://trigger.io/cross-platform-application-development-blog/2012/03/02/how-to-build-fast-html5-mobile-apps-using-backbone-js-zepto-js-and-trigger-io/

PHP & JS

V8 Javascript Engine Integration [1]

Node.js

http://drupal.org/project/nodejs

http://dailyjs.com/2012/03/01/unix-node-arguments/

Basics

JavaScript technologies overview

http://www.codecademy.com/languages/javascript

http://www.arlocarreon.com/blog/javascript/how-to-debug-javascript/

Drupal

JavaScript and jQuery [2]

Drupal JavaScripting, drewish, Wed 2011-05-11
JavaScript hygiene in Drupal 7 - Sep 12, 2011

DOM

W3C: Document Object Model (DOM)

W3C DOM -Introduction

MDN: DOM
- Gecko DOM Reference - MDN
  - document
  - window
    - window.setTimeout - executes a code snippet or a function after specified delay.

YouTube: Essentials of the DOM and JavaScript in 10 Minutes

jQuery

http://andreehansson.se/the-basics-of-jquery/

http://jquerybyexample.blogspot.com/

https://chrome.google.com/webstore/detail/ckdgigcpjmambfmbabgjmmcicnnkjemi

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

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

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 [5]

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