139 ressources Javascript et jQuery

Cette liste de liens pour le développeur web front-end est issue de la veille documentée que j’effectue sur Javascript & Webdesign — Les meilleures ressources Javascript pour développeurs web front-end (avec parfois un soupçon de PHP) — depuis plus de 6 mois. A quelques exceptions près, les resssources pointent directement sur les articles d’origine. La liste est affichée dans l’ordre où j’ai rédigé les billets : les plus anciens en premier par paquet de 10 pour aérer la lecture parce que vous le valez bien.

  1. jCarousel Lite — Galerie d’images en jQuery.
  2. eCSStender — Sélecteurs CSS avancés compatibles IE6.
  3. Effets jQuery accessibles WAI-RIA — Lightbox, validation de formulaires et menus à onglets accessibles prêts à l’emploi.
  4. Augmenter la taille du texte avec jQuery — Modifier la taille du texte de votre site en choisissant une valeur dans un menu déroulant.
  5. Javascript Framework Matrix — Tableau comparatif des principaux frameworks Javascript.
  6. Afficher vos flux XML avec jParse — Parsing de flux XML (RSSAtom) via Ajax pour l’afficher en HTML.
  7. jqModal : des fenêtres modales minimalistes — Couteau suisse des Lightbox en tout genre pour afficher des alertes, des notifications, des boites de dialogues, etc.
  8. jQuery — renverser l’ordre d’une liste ordonnée — les premiers seront les derniers et vice-versa. Merci à pioupiouM pour la correction du script.
  9. Cufón : des polices de caractère pour tous — Implémenter font-face dans le plus grand nombre de navigateurs.
  10. News déroulantes avec jQuery — Un joli bandeau de news à l’aide de liste de définition, d’une pincée de CSS et d’une bonne rasade de jQuery.
  11. jQuery Magnifier Loupe — Zoom sur images avec l’attribut longdesc.
  12. Lazy loader : chargement des images à la volée — Chargez vos images que lorsqu’elles apparaissent dans la fenêtre du navigateur.
  13. Faire un Carrousel avec jQuery — Tutoriel très didactique pour réaliser un carrousel avec HTML, CSS et jQuery.
  14. Tipsy — des bulles d’aide façon Facebook avec jQuery — Bulles d’aide façon bande dessinée comme celles que l’on trouve sur Facebook ouTwitter.
  15. jQuery Tools — Incorporer Flash, gamme étendue d’overlay, tooltips à foison, tabs, etc.
  16. jQuery UI Multiselect — Améliore l’apparence et l’ergonomie de la balise HTML select.
  17. jQuery Flash Plugin — Inspiré par SWFObjectUFO et sIFR, jQuery Flash Plugin a été complètement réécrit avec jQuery pour éviter les redondances.
  18. Jquery Pagination System — Pagination côté client avec jQuery.
  19. Choisir sa bibliothèque JS avec Javascript Framework Matrix — Tableau comparatif des principaux frameworks Javascript.
  20. FireFinder — interagir avec la page web — Interagir avec les éléments de la page via les sélecteurs CSS ou les expressions XPath.
  21. Sélecteur de date (Date-Picker) non-intrusif — Sélecteur de date avec mini calendrier.
  22. Google Closure — les mauvaises pratiques Javascript en action ? — Google Closure a été développé par des spécialiste de Java… ça craint.
  23. Un diaporama avec AnythingSlider jQuery Plugin — Chaque diapo peut être réalisé à l’aide du composé HTML de votre choix (texte, images, etc.).
  24. Un «slider» à la manière du Playback de Google Wave — tutoriel pour afficher un historique progressif à la manière de la fonction Playback de Google Wave.
  25. jsbin — tester votre code Javascript et partagez vos bugs — Outil en ligne créé par Remy Sharp pour tester du code Javascript et le partager
  26. PHP.JS — transposer des fonctions PHP en Javascript.
  27. Le code CSS et Javascript au milieu du HTML c’est pas bien ! — Traduction de l’article Why Inline CSS And JavaScript Code Is Such A Bad Thing de Robert Nyman.
  28. jQuery UI Selectmenu — des menus « select » personnalisés à la sauce ARIA.
  29. jQuery Image Cropper — recadrer et uploader des images.
  30. ul2finder — un explorateur à l’image du Finder de MacOS X.
  31. Ajax Upload — Upload multiple de fichiers sans recharger la page avec n’importe quel élément (images, liens, etc.).
  32. Des cookies à la mode de jQuery — Ecrire, lire et effacer vos cookies pour 4,15 kb.
  33. Simple jQuery Text Resizer — Laissez vos visiteurs choisiront la taille qui leur convient (un cookie gardera leur préférence en mémoire).
  34. Changement de design «on the fly» avec jQuery — Tutoriel clair et didactique pour permuter deux maquettes d’un simple clic.
  35. 22 menus déroulants passés au crible — Tyssen Design passe en revue les principaux dropdown menu.
  36. jQuery Context Menu — Menus contextuels (clic droit) personnalisable à 100% avec les CSS.
  37. Pikachoose — Plugin jQuery idéal pour afficher des galeries d’images en toute légèreté.
  38. dLite — une librairie Javascript « petit mais costaud ».
  39. jQuery-XML — Afficher un flux RSS avec jQuery et Ajax.
  40. Styled and accessible tooltips — Infobulles stylées et accessibles avec jQuery.
  41. DOMAssistant — Cette bibliothèque va un peu plus loin que dLite et permet de manipuler le DOM avec plus de souplesse.
  42. FlashReplace — Insérer du Flash proprement.
  43. DOMTab — Menu à onglets simple et efficace.
  44. balance_columns — Équilibrer des colonnes avec Javascript.
  45. cssQuery — Interroge le DOM via les sélecteurs CSS 1CSS 2 et une partie de CSS 3.
  46. jTextTranslate — Traduction de votre site en 87 langues par Google.
  47. SimpleJS — Cette petite bibliothèque Javascript développée par Christophe Lefevre propose de faciliter l’utilisation d’Ajax.
  48. iepngfix — Composant HTC qui gère la plupart des contraintes liées à l’absence de prise en charge de la transparence 24 bits par Internet Explorer 6.
  49. maxWidthFixForIE6.js — Emuler la propriété max-width pour IE6.
  50. Image jQuery – Quelques lignes de jQuery pour appliquer un léger effet de zoom sur une image.
  51. The Ultimate GetElementsByClassName — Sélectionner les éléments par leur classe avec getElementsByClassName.
  52. Planet jQuery — Un planet pour jQuery.
  53. Text Resizing width jQuery — Laissez les utilisateur modifier la taille du texte sur votre site web.
  54. Ceebox — Lightbox qui afficher n’importe quel contenu dans une fenêtre modale ou non. Idéale pour les vidéos hébergées sur Google Video, Dailymotion ou Youtube.
  55. Get viewport size with javascript — Connaitre la taille du « viewport » en Javascript.
  56. Smart Columns with CSS & jQuery — Des colonnes fixes et ajustées en largeur avec CSS et jQuery.
  57. Menu déroulant Suckerfish — Menus déroulants et autres fantaisies avec :hover :focus :active :target pour IE6.
  58. Système de notation par étoiles accessibleSamuel Le Morvan propose un tutoriel complet sur la question.
  59. Mootools Forge — Une forge pour les plugins Mootools.
  60. TinySlider — Diaporama Javascript autonome très léger de 1,5 ko facilement personnalisable via les CSS.
  61. jQSlickWrap — Plugin jQuery qui permet d’habiller une image de forme irrégulière avec le texte autour.
  62. jQuery Before/After — Plugin étonnant qui plaira à tous ceux qui veulent proposer la comparaison de deux états d’une photo.
  63. Hightcharts — Bibliothèque Javascript spécialisée dans la création de diagrammes, graphiques et autres camemberts pour illustrer vos données brutes.
  64. jTruncate — Plugin pour jQuery qui coupe un texte au bout d’un certain nombre de mots et qui ajoute un texte comme « Lire la suite » pour accéder à… la suite !
  65. CSS3 animations and their jQuery equivalents — 6 effets introduits dans CSS3 et le code Javascript pour obtenir le même résultat en jQuery.
  66. Link Building Pro — Ajoute automatiquement un lien vers la source, au cas où le copieur-colleur oublierait de citer l’original.
  67. jQueryList — Plus de 255 plugins pour jQuery disponibles sur une seule page et classés par thèmes.
  68. 40 bouts de code — facilitez vos développements en Javascript ou jQuery.
  69. jQuery Masonsy — Réorganise les blocs de votre page page pour réduire les espaces vides entre les éléments.
  70. Animation avec quatre images et jQuery — Tutoriel pour réaliser une publicité ou une accroche sans passer par Flash.
  71. jQuery Quick Guide — Un guide pour avoir les fonctionnalités de jQuery sous la souris.
  72. jARIA jQuery Plugin — Permet d’ajouter une couche ARIA dans votre site web sous forme de méthodes.
  73. jQuery 1.4 API Cheat Sheet — Regroupe sur une page toutes les méthodes et fonctions de jQuery jusqu’à la version 1.4.
  74. jsfiddle — Propose un environnement pour tester et partager du code Javascript.
  75. jquery-compat-1.3 — Profitez de jQuery 1.4 en restant compatible avec jQuery 1.3.
  76. Simple Image Viewer — Galerie d’image minimaliste.
  77. A.P.E (Ajax Push Engine) — Le web en temps réel avec Ajax Push Engine.
  78. Page Peel Corner — Effet de page cornée avec jQuery.
  79. jQuery Cross Domain Ajax Guide — Guide de l’Ajax sur plusieurs domaines.
  80. Sexy.js — Améliorer l’interface Ajax de jQuery.
  81. Dynamic tabs using jQuery — Ccréer un menu à onglets pour ajouter ou supprimer des onglets de manière dynamique.
  82. DOMAssistant — Bibliothèque Javascript « petit mais costaud » qui pourrait facilement remplacer jQuery pour une partie des utilisateurs.
  83. Comment System with jQuery, Ajax and PHP – L’excellent Srinivas Tamada de 9Lessons nous apprend comment mettre en place un système de commentaires Ajax avec jQuery et PHP.
  84. Adding Keyboard Navigation — Tutoriel sur la mise en place d’un diaporama avec utilisation du clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente.
  85. Disable On Submit — Plugin jQuery qui désactive le bouton Submitune fois que le formulaire a été envoyé une première fois.
  86. Thumbnail Zoom — Effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris.
  87. Google Fade — Script disponible pour Mootools et jQuery pour reproduire chez vous l’effet introduit récemment par Google sur sa page. d’accueil : certains éléments de navigation apparaissent suite au mouvement de la souris sur la page ou lorsqu’on quitte le champs de recherche.
  88. jqTransform — Stylez vos formulaires avec jQuery et CSS.
  89. css-template-layout — Implémentation jQuery du module CSS3 Template Layout.
  90. How to Easily Create a JavaScript Framework — Créez votre framework Javascript en 4 parties.
  91. jQAPI — Documentation alternative pour jQuery 1.4.1.
  92. jQuery Source Viewer — Naviguer à l’intérieur du code source de jQuery.
  93. flot — Créez des graphiques avec jQuery.
  94. Uniform — Ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates. boutons Parcourir… des sobres formulaires HTML.
  95. Parallax — Technique utilisée depuis longtemps dans le cinéma, le dessin animé ou le jeu vidéo pour créer une illusion de profondeur.
  96. Plupload — Gestionnaire de « téléversement » (upload) multiple en jQuery.
  97. 6 bouts de code pratiques pour manipuler les éléments select et input avec jQuery.
  98. jQuery vs Mootools — Choisir jQuery ou Mootools en connaissance de cause.
  99. jQuery Color Animation — Support du RGBa pour « jQuery Color Animations».
  100. jSocial — Affichez très rapidement la liste des réseaux sociaux où vous êtes présent.
  101. DataTables — Pagination et tri des données pour vos tableaux HTML.
  102. Slick Page Transition — Effet de transition (fading) entre les pages d’un site.
  103. jQuery Splitter Plugin — Divisez votre page en plusieurs parties redimensionnables.
  104. jQuery SimpleTree Drag&Drop — Construisez des arborescences à la mode de Windows.
  105. 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.
  106. Effets lightbox sans framework — L’ouverture de nouvelles fenêtrespopup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS.
  107. Starter — Générateur de plugins jQuery.
  108. jQuery Tutorials for Designers — 13 Tutoriels jQuery pour Webdesigners.
  109. Comment, jQuery va tuer Flash ? — Question surprenante, mais force est de constater que Javascript a fait du chemin depuis  window.open() !
  110. Clickoutside Event — Détectez les clics en dehors d’un élément.
  111. TipTip — Infobulles « funky » pour afficher l’attribut HTML «title».
  112. Custom jQuery Selectors — Créez des sélecteurs personnalisés avec jQuery.
  113. Optimiser le chargement des AdSense — Accélérer votre blog en optimisant l’affichage des Adsense avec jQuery.
  114. Splash — un diaporama en pur Javascript.
  115. DLink — Afficher le type de cible des liens avec Javascript.
  116. Webform to wizard — Plugin jQuery qui découpe les formulaires longs et ennuyeux en «assistant» en suivant les contours des balises HTML fieldset.
  117. IE7.js — Transformez une citrouille à base de IE5.5/6 en carrosse IE7 ou IE8 : ce n’est pas de la magie, c’est de la technologie !
  118. 20 méthodes jQuery à connaitre – Bien belle liste de 20 fonctions jQuery peu connues, à connaitre !
  119. Modernizr — Détection des fonctionnalités CSS3 et HTML5.
  120. simpleCart (js) — Script de moins de 20 ko pour mettre en place un caddie e-commerce en quelques minutes.
  121. Créer une arborescence de fichier avec jQuery — Série de 8 tutoriels sur la création d’une arborescence de fichier à l’aide de jQuery.
  122. Add Events jQuery — Ajouter «cursor: pointer» sur tous les événements «click».
  123. jQuery HTML Table Toolbox — 36 façons de «dresser la table» avec jQuery.
  124. FAT-FREE — Framework PHP léger et modulaire.
  125. Popeye 2.0 — Lightbox qui affiche une galerie d’images à partir d’une liste non-ordonnée dans le flux de votre texte.
  126. jQuery.fn.sort — Trier des éléments avec jQuery.
  127. Bloc de login à la Twitter avec jQuery — Tutoriel pour faire un bloc de login dynamique sur la page d’accueil de Twitter.
  128. Table des matières avec jQuery — 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.
  129. Preload CSS/JavaScript without execution — Pré-chargement des CSS et du Javascript sans exécution.
  130. jQuery BBQ — Utiliser les boutons Précédent et Suivant du navigateur malgré Ajax.
  131. Colorbox — une « lightbox » légère et extensible en jQuery.
  132. Burst Engine — Un peu de Flash et d’After Effects dans Canvas.
  133. jQuery Form Plugin — Mettez de l’Ajax dans vos formulaires HTML.
  134. WebProjectHelper — Générateur de structure MySQL et de classes PHP.
  135. UI.Layout – Créer des interfaces utilisateurs avec jQuery.
  136. Scriptsrc — 10 Frameworks Javascript à emporter.
  137. Griddy-Overlay — Afficher une grille par-dessus votre page web avec jQuery.
  138. Sliding Panel Photo Wall Gallery — Mur d’image et Lightbox avec jQuery.
  139. SliderNav — Plugin jQuery qui permet de créer un carnet d’adresse défilant de type iPhone.

PS : Pour trouver l’article correspondant sur js4design, il suffit de saisir l’ancre du lien dans le champs de recherche de la colonne latérale.