des librairies utiles pour javascript (à la place de jquery) :    
   - domReady Let’s you know when the dom is ready (cross browser)
   - Qwery : A compact, blazing fast CSS selector engine : https://github.com/ded/qwery
   - Bonzo  : Library agnostic, extensible DOM utility : https://github.com/ded/bonzo
   - Bean    : An events api for javascript : https://github.com/fat/bean
   - SuperAgent Ajax :  with less suck : https://github.com/visionmedia/superagent
   Move.js : CSS3 backed JavaScript animation framework : https://visionmedia.github.io/move.js/
   Morpheus : A Brilliant Animator : https://github.com/ded/morpheus

wait...
if (newState == -1) {
           alert('VIDEO HAS STOPPED');
       }
   }, 5000);

Méthodes natives en javascript :
insertAdjacentHTML()
getBoundingClientRect()
The <table> API

et encore ... https://developer.mozilla.org/en-US/docs/Web/API

Faire des animations en javascript :
- peut-être plus rapide et plus de contrôle qu'en CSS : http://css-tricks.com/myth-busting-css-animations-vs-javascript/

Encore un exemple de comment se passer de jQuery : ici en implémentant un bouton qui fait varier la classe d'un élément cible.

function activeState(trigger) {
 var targetName = trigger.getAttribute('href').replace('#', '');
 var target = document.getElementById(targetName);
 
 if (!target) {
   return;
 }
 
 trigger.classList.toggle('active');
 target.classList.toggle('active');
}

//

var trigger = document.getElementById('trigger');
trigger.addEventListener('click', function(event) {
 // abort the link's default action.
 event.preventDefault();
 event.stopImmediatePropagation();
 
 activeState(this);
}, true);

Pour intégrer une image dans une page web et avoir un rafraichissement auto.