20/07/10

Enterprise jQuery — Passez du côté client

Enterprise jQuery est un site Web qui s’adresse aux développeurs front-end. Il leur permettre de trouver des solutions aux défis auxquels ils sont confrontés dans leur travail au sein des moyennes ou grandes entreprises. Chacun trouvera matière à améliorer ses connaissances sur jQuery, qu’il s’agisse de bouts de codes prêts à l’emploi ou des bonnes pratiques de développement.

03/07/10

Transformer un plugin jQuery en extension WordPress

jQuery et WordPress ont en commun leur modularité : les plugins jQuery et les extensions WordPress permettent d’étendre les fonctionnalités de nos outils préférés. Le tutoriel montre comment utiliser les extensions WordPress pour insérer n’importe quel plugin jQuery dans le panneau des extensions WordPress, de manière propre et efficace. Lire le reste de cet article »

18/06/10

jQuery Fundamentals — Manuel de survie pour jQuery

jQuery Fundamentals synthétise les éléments de syntaxe de jQuery sur une page web. La navigation s’effectue via un sommaire précis et structuré comprenant également un index des nombreux exemples utilisés. Lire le reste de cet article »

17/06/10

Retina Display — Effet loupe façon «iPhone 4» avec jQuery

Apple-like Retina Effect With jQuery est un tutoriel qui vous permettra de refaire chez vous l’effet loupe «Retina Display» proposé par Apple sur lav version 4 de l’iPhone. Vraiment bluffant, d’autant plus que le marquage HTML nécessaire est des plus simples : Lire le reste de cet article »

08/06/10

Fancy Sliding Form — Affichez vos formulaires sous forme de Slideshow

Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de fieldset, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.

21/05/10

Sliding Panel Photo Wall Gallery — Mur d’image et Lightbox avec jQuery

Sliding Panel Photo Wall Gallery est un tutoriel qui explique pas à pas (CSS, script jQuery) comment réaliser un mur d’images miniatures qui prennent toute la place de l’écran lorsqu’on clique dessus. Lire le reste de cet article »

11/04/10

Créer une arborescence de fichier avec jQuery

Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu :

  1. Transformer une liste HTML en arborescence dossiers/fichiers
  2. Ajouter un compteur de fichiers à chaque dossier
  3. Ouvrir et fermer les dossiers
  4. Ouvrir des dossiers par défaut dès l’ouverture
  5. Déplacer les dossiers et fichiers en drag and drop
  6. Supprimer un fichier de l’arbre
  7. Sérialiser le résultat
  8. Déclencher et utiliser des événements

16/03/10

Accélérer votre blog en optimisant l’affichage des Adsense avec jQuery

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 :D

15/03/10

Créez des sélecteurs personnalisés avec jQuery

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é : Lire le reste de cet article »