Ca fesait un petit moment que j’attendais la release de cette librairie JavaScript qui offre des effets bien sympathiques et puissants.

Regardez les démos disponibles en ligne, impressionnant. Si vous voulez jouer avec la doc est également disponible.

Très intéressant outil en ligne, JMe Feed Aggregator, qui agrège des flux RSS d’Apple et de sites qui parlent de Web2.0. Le tout en utilisant massivement jQuery pour le front-end et PHP/MySQL pour le reste

Sympa, graphiquement très agréable, dommage qu’il ne soit pas encore personnalisable, notamment en ce qui concerne les flux à chercher…

Ajaxian.com nous propose les résultats de leur sondage concernant principalement la popularité d’usage des différentes librairies Ajax. A lire également les commentaires, on trouve toujours quelques petite perle fort utile ou simplement informative.

Pour les francophones, can.axis a repris largement l’article

Le gagnant? Pas jQuery bien évidemment.

Avec quelques jours de retard il est là . A l’affiche on trouve:

• an editor’s note about the magazine
• a profile of jQuery’s founder, John Resig
• an introduction to jQuery’s basic principles
• an argument for jQuery’s philosophy
• an interview with the creator of the jqMinMax …
• a roundup of three plugins that are useful for…
• a really cool back-page ad (check it out!)

Jusque là j’ai principalement utilisé jQuery uniquement pour me rendre la tâche plus facile lors de la manipulation dynamique des différents éléments constituant une page XHTML donnée.

Ce soir j’ai trouvé enfin un peu de temps pour aller un peu plus loin pour enfin explorer le moyen de faire du Ajax en passant par ma librairie JavaScript fétiche :P. La tâche a été très simple grâce à la documentation en ligne qui n’est compréhensible pas totalement compréhensible pour les personnes débutant avec la librairie, enfin…

Le but de l’exercice est le suivant:

• Créer un formulaire avec quelques champs texte
• Envoyer le formulaire, pendant le traitement afficher une image/loader
• Déterminer comment passer les variables au fichier PHP pour leur traitement, ce dernier effectuant un traitement bidon qui va prendre quelque secondes lors de son exécution
• Afficher un feedback au terme de l’exécution du script PHP

Comme d’habitude, regardez l’exemple. Si vous regardez le code source, vous oberverez que nous n’allons pas mélanger le XHTML avec le JavaScript et que le formulaire pourra être traité même si le navigateur n’a pas activé le JavaScript.

Brève explication du script:

• Tous d’abord on va indiquer au système d’afficher une image animée lorsqu’un appel en ajax est en cours, le cacher une fois l’appel terminé;
• Ensuite, on démarre le traitement asynchrone du formulaire lorsqu’on appuye sur le bouton de submit;
• On récupère les valeures des deux formulaires qu’on ira par la suite envoyer au fichier php pour leur traitement
• On définit si faire un _POST ou un _GET ainsi que le fichier de traitement
• Pour finir, le feedback positif

$(document).ready(function(){
  $("#ajax-loader").ajaxStart(function(){
    $(this).show();
  });

  $("#ajax-loader").ajaxStop(function(){
    $(this).hide();
  });

  $("form").submit(function(){
    prenom = $("input[@name=prenom]").val();
    nom = $("input[@name=nom]").val();

    $.ajax({
	type: "POST",
	url: "jquery.php",
	data: "prenom="+prenom+"&nom="+nom,
	success: function(){
	  $("#feedback").html("Formulaire enregistré avec succès");
  	}
     });

      return false;

    });
});

Le tour est joué en quelques lignes de code, sans prise de tête. Dans le prochain article, nous montrerons comment récupérer des informations du fichier de traitement pour les afficher sur le site.

Bientôt disponible un magazine électronique de ma librairie javascript préférée. Initiative de l’auteur de visual jQuery, elle sortira tous les troisièmes mercredis du mois, composée d’environ 12-16 pages et surtout gratuit. J’attends avec impatience le 20 septembre.

A lire absolument, when to use drag & drop (some informal research results) - issu de tests utilisateurs - pour tout ceux qui utilisent ce mode de manipulation des objets dans des interfaces web.

Based on the results of this testing, the logical findings seem to be that drag and drop is ideal for manipulating the position of objects on a stage, but that when “selecting” objects, simply using click to select is preferable. Even considering that we may be wishing to create an interface that is fun and creative (which was why the full drag and drop approach was originally considered), the inefficiency of this method detracts from the user performing their task. Selecting the objects was considered a preliminary task, and the “fun” part started when users got to manipulating the content.

Un article de Martin Fowler dans lequel

I’ve spent a lot of my writing energy writing patterns. From time to time I get asked questions about why I do that and what makes a good pattern. This is a brief article about how I look at patterns with my suggestions for people who are interested in writing patterns themselves.

• jQuery: Why jQuery’s Philosophy is Better. En gros le billet montre les avantages à utiliser jQuery par rapport à d’autres framework.
• Font Tester: pour tester en direct les font
• Displaying percentages: comment créer une barre de progression en CSS
• YShout 3: une shoutbox en Ajax
• CSS Optimization: Make Your Sites Load Faster for Free: comment optimiser les CSS, quels outils sont les plus efficaces

Vous ne connaissez pas Yahoo! UI, aïe. Un article tout beau tout frais vient de sortir sur Think Vitamin dans lequel l’auteur montre ses bidouillage avec la librairie.

En piochant à gauche et à droite, je suis tombé sur un exellent wiki qui documente la librairie et en plus c’est en français, chose rare, très rare