jQuery hosted on Google and some implications for developers est un billet qui répond à trois questions que l’on se pose généralement avant d’utiliser une version de jQuery hébergée sur les serveurs de Google : →
Optimiser le chargement des AdSense — J’ai eu la chance d’avoir l’explication IRL mais j’attendais avec impatience le billet de Mehdi pour vous en parler. Le principe consiste à réserver les emplacements des publicités là où vous voulez les afficher, de placer les scripts fournis par Google Adsense à la fin de votre page et d’ajouter une pincée de CSS et un soupçon de jQuery pour remettre chaque publicité à sa place quand la page est chargée. J’ai mis cette technique en place sur ce blog et sur css 4 design et ça marche niguel ghrome 😀
Custom jQuery Selectors aborde la création de sélecteurs personnalisés au cas où ceux proposés par jQuery ne suffiraient pas. Dans l’exemple donné, il s’agit de parcourir le DOM à la recherche des balises HTML possédant un attribut rel renseigné : →
TipTip est un plugin dans la lignée de Tipsy qui permet d’afficher l’attribut title d’un élément précisé par une classes dédiée ou générique dans une bulle d’information bien plus belle que celle qui apparait par défaut. Le fonctionnement de TipTip est le suivant : le script copie puis supprime le title d’origine pour que le navigateur ne soit pas tenté de l’afficher et l’injecte ensuite dans le balisage HTML suivant : →
Clickoutside event — Ce plugin jQuery permet de déclencher une action lorsque l’utilisateur clique en dehors de l’élément spécifié. La gestion des événements de jQuery, déjà très complète, s’enrichit avec clickoutside. Pour 0.7 ko ce serait dommage de s’en priver. Ce plugin sera très utile pour fermer vos fenêtres modales (lightbox) lorsque l’utilisateur clique à l’extérieur. Voici un exemple d’utilisation : →
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. →
jQuery Tutorials for Designers — La force de jQuery par rapport à d’autres frameworks Javascript est sa capacité à plier le DOM selon notre bon plaisir. Toutefois, la volonté de faire tel ou tel effet ne suffit pas : encore faut-il les connaissances algorithmiques pour y parvenir. Malgré sa simplicité et sa courbe d’apprentissage à la portée de tous, il est toujours bon d’avoir quelques bouts de code sous le tapis de souris pour faire face aux situations récurrentes en matière de webdesign. →
Starter est un générateur de plugin pour jQuery : indiquez le nom de votre classe, les fonctions et les paramètres par défaut pour créer et télécharger votre Brand New jQuery Plugin!
BasicSlider est un diaporama (carrousel, slider, etc.) créé par Jonathan Thuau qui permet de faire défiler du contenu (textes, images ou les deux) horizontalement ou verticalement, automatiquement ou manuellement. Parmi les fonctionnalités on trouve : →
Effets lightbox sans framework — L’ouverture de nouvelles fenêtres popup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS et comportant, une fois n’est pas coutume, du Javascript intrusif pour réaliser une lightbox pour présenter des images, un contenu dynamique, un formulaire avec effet de fading tout en assombrissant le reste de la page. Sans framework Ajax, avec quelques lignes de code. Scripts testés avec Internet Explorer, Firefox, Chrome, Opera, Safari et Konqueror.
