Voici une série de services en ligne d'analyse statistique du comportement des utilisateurs:

• CrazyEgg
• ClickDensity
• Corunet
• ClickTale

Je connaissais GoogleAnalytics qui présentait graphiquement les click souris mais dans ces nouveaux services il y a le concept très intéressant de zone de chaleur ou HeatMap.

La création de formulaire en ligne est une véritable problématique du développement web. Le rédacteur doit pouvoir intuitivement comprendre, trouver et remplir de l'information. Merci à Fred Cavazza d'avoir évoqué cette problématique en pointant un pdf des bonnes pratiques de réalisation d'un formulaire web regroupant toutes les réflexions de LukeW. Après lecture de ce guide fantastique, vous pouvez jeter un oeuil sur Uni-Form: une tentative pour modulariser les différents concepts de formulaires en séparant la structure, la sémantique et l'apparence.

J'avais cité dans un précédent billet une libraire qui s'appelle Lightbox. C'est une version dérivé de la librairie LightBox v2 spécialisée dans les galeries photos. Voici aujourd'hui quelques concurrents:

• GreyBox: http://orangoo.com/labs/GreyBox/
• IBox: http://www.ibegin.com/blog/p_ibox.html
• Control.Modal: http://livepipe.net/projects/control_modal/

Dans l'ensemble le principe est toujours le même: afficher de l'information dans une boite modale provenant d'une IFrame, d'une requête AJAX, d'un DIV caché, ... Qu'est ce qui fera la différence ?

• Un code non intrusif
• La soumission de formulaires (wizard)
• La consommation mémoire.
• ...

Comment mettre de l'information dans le presse papier ? Voici un petit rappel de Ajaxian expliquant la marche à suivre pour obtenir un résultat cross-browser:

function copy(inElement) {
  if (inElement.createTextRange) {
    var range = inElement.createTextRange();
    if (range && BodyLoaded==1)
     range.execCommand('Copy');
  } else {
    var flashcopier = 'flashcopier';
    if(!document.getElementById(flashcopier)) {
      var divholder = document.createElement('div');
      divholder.id = flashcopier;
      document.body.appendChild(divholder);
    }
    document.getElementById(flashcopier).innerHTML = '';
    var divinfo = '';
    document.getElementById(flashcopier).innerHTML = divinfo;
  }
}

L'explication du code est aussi présente ici.