http://developer.mozilla.org/

http://www.javascriptkit.com/

http://www.nczonline.net/blog/2009/02/03/speed-up-your-javascript-part-4/

http://mark-kirby.co.uk/2013/creating-a-true-rest-api/

CRUD = Create, Read, Update, Delete

HTTP methods = POST, GET, PUT, DELETE

• Create = POST
• Read = GET
• Update = PUT
• Delete = DELETE

Exemple :

• POST: http:/test.com/user
• GET: http:/test.com/user/1
• PUT: http:/test.com/user/1
• DELETE: http:/test.com/user/1

http://www.deadlinkchecker.com/website-dead-link-checker.asp

http://www.brokenlinkcheck.com/

Expand/Collapse sections in HTML5

Expand/Collapse list

Test de mise en page web **fixe** en CSS

Test d'ombrage de box

Test d'image encapsulée dans la CCS

Display JS object

Radio button group

Test fonction scrollIntoView

Ouvrir/Fermer des éléments du documents

Sélectionner un fichier

Fade out message

Fade in out message

Pour afficher le code source d'une page web, tapez le code ci-dessous dans la barre d'adresse d'un navigateur :

javascript:x=document.body.innerHTML.replace(/</g,'&lt;').replace(/\n/g,'<br>'); document.body.innerHTML = x;

function walkTheDOM(node, func) {
    func(node);
    node = node.firstChild;
    while (node) {
        walkTheDOM(node, func);
        node = node.nextSibling;
    }
    
}

// Example usage: Process all Text nodes on the page
walkTheDOM(document.body, function (node) {
    console.log ("nodeType: " +node.nodeType + ", nodeName: " + node.nodeName + ", textContent: " + node.textContent);
});

Il très performant d'encoder les images souvent utilisées dans la CSS.

<style>
  .ImgCollapsed {
    cursor: pointer;
    width:20; height:20;
    text-decoration: none; 
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC42/Ixj3wAAAOlJREFUOE+tkCESwjAQRVcgEIhKRAUSgewhEByCQyCQOI7AETgCAoFAcgQEEoFAIBCI8FOS7k8mQzIDnXnT37y/O23FGPN3NIjULGJyntEgsgJbloz3oEp5RsNnyIYLaLhU4hkNOmR5gWVQzHhGQ/gmfngPhiWeSS219xm4uecrmIKvPruUzg7uzHJ099bjqgH7Nei1jhaklu7cmSVeWgH2+aW4/L+7g/jzGxB4v6ed7YIOncCT8qjEM6mlnk1QTHjQ507X7YLIwpUfYM6lEs9oQBGcwYQLpZ7RIDJmEWM9GKRcTPLwN4y8AfxNottsD8mSAAAAAElFTkSuQmCC");
  }
</style>

<img class="ImgCollapsed" src=""  onclick="doSomething()"  title="Open"  />

var table = document.createElement('table');
var row = table.insertRow();
row.insertCell().appendChild(document.createTextNode(nbModules));
row.insertCell().appendChild(document.createTextNode(nbSequences));
row.insertCell().appendChild(document.createTextNode(nbSeances));
var header = table.createTHead().insertRow();
header.insertCell().appendChild(document.createTextNode("Modules"));
header.insertCell().appendChild(document.createTextNode("Sequences"));
header.insertCell().appendChild(document.createTextNode("Seances"));
// Add the table to the containing element.
document.getElementById(elt).appendChild(table);