13 Tutoriels jQuery pour Webdesigners

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.

A l’exception du premier lien qui mène sur la documentation de jQuery, les autres mènent directement sur une page de démonstration individuelle des tutoriels jQuery :

  1. Atteindre un élément du DOM,
  2. Afficher-masquer un bloc,
  3. Faire disparaitre un élément,
  4. Enchainer les effets de transition,
  5. Faire un menu en accordéon partie 1,
  6. Faire un menu en accordéon partie 2,
  7. Afficher une bulle d’aide animée partie 1,
  8. Afficher une bulle d’aide animée partie 2,
  9. Rendre un bloc entièrement cliquable,
  10. Faire des panneaux coulissants (comme Gmail),
  11. Imiter le back-office de gestion des commentaires à la WordPress,
  12. Faire une galerie d’images,
  13. Afficher des icônes selon le type de fichier.

Les explications sont claires et concises et les exemples visuels sont d’une aide précieuse. Les démonstrations individuelles sont rassemblées sur cette page. Par ailleurs, une archive zip est disponible pour décortiquer ces pépites tranquillement à la maison.