jQuery List est une liste de près de 600 plugins et exemples de code jQuery répartis dans plus de 30 rubriques. Nous y trouvons à peu près tout ce qui est nécessaire pour faire des sites web interactifs : Ajax, animation, effet, graphiques, DOM, CSS, Flash, formulaires, jeux, tableaux, calendriers, sélecteurs de couleurs, etc. →
jQuery.Buzz() est un digg-like comme on n’en fait plus beaucoup. Il est exclusivement consacré aux ressources jQuery. Chaque entrée est composée d’un titre qui pointe directement sur la ressource, avec en dessous un chiffre représentant, j’imagine, le nombre de clics, suivi de l’URL. Pour terminer, le lien info propose le nombre de fois où le lien à fait l’objet 1) d’un clic sur Twitter et 2) d’une mise en bookmark sur Delicious avec la liste des utilisateurs et les tags les plus utilisés.
→ Suivez jQuery.Buzz() sur Twitter @jquerybuzz
Nick Parsons de Webitect nous propose sur Pro Blog Design 30 bouts de codes jQuery en prêt-à-porter taillés dans les meilleurs tissus. Dans les rayons, vous trouverez de quoi habiller les longues soirées d’été : →
Preload CSS/JavaScript without execution — Le pré-chargement des scripts JS et des feuilles de style CSS est une bonne chose pour améliorer les performances. La solution proposée par Stoyan Stefanov repose pour une part sur la création d’un objet Image avec new Image().src pour Internet Explorer et sur la création d’une balise object pour les autres navigateurs. Lire aussi The art and craft of postload preloads.
Voici un bout de code pour afficher une liste ordonnée sous la forme d’une table des matières comme celles que l’on trouve dans les livres imprimés où le numéro de la page est situé au bout d’une succession de pointillés à la droite de l’énoncé. Il ne s’agit donc pas d’une vraie table des matière, puisque le numéro de la page n’est autre que le numéro de l’item en question. Mais visuellement, cette technique peut faire son petit effet. →
Modernizr est une petite bibliothèque Javascript qui détecte la prise en charge (ou non) des fonctionnalités CSS3 et HTML5 comme @font-face, canvas, video, rgba(), border-radius, les fonds multiples, CSS Columns, etc. Modernizr teste plus de 20 fonctionnalités en quelques millisecondes pour ajouter des classes spécifiques dans la balise html indiquant indiquer la prise en charge (ou non) des propriétés testés par le navigateur. →
Comment, jQuery va tuer Flash ? La question peut paraitre surprenante, mais force est de constater que Javascript a fait du chemin depuis window.open() ! Les bibliothèques comme jQuery ou Prototype ont par ailleurs permis l’émergence de plugins, de scripts qui se sont attachés à améliorer l’expérience utilisateurs jusqu’à concurrencer Flash sur son terrain de prédilection : la création d’animation pour créer des interfaces immersives afin de capter l’attention du visiteur. →
Content Switcher — Bel exemple de mise en place d’un système permettant de passer d’un contenu à un autre via un menu en utilisant les concepts de l’amélioration progressive et du Javascript non intrusif. Ce Carrousel est d’abord pensé pour fonctionner en HTML et CSS et peut bénéficier des améliorations apportées par Javascript (en l’occurrence jQuery) pour avoir des transitions plus funky entre les contenus. Via JPV.
