139 ressources Javascript et jQuery

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

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.

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



24 commentaires pour “139 ressources Javascript et jQuery”

  1. [...] 139 ressources pour Javascript et jQuery, un gros travail de recherche même si je pense que ce genre de post n’est pas forcément super utile… trop d’informations d’un seul coup [...]

  2. Clément Roy dit :

    Rien de nouveau car je suis au quotidien de près js4design, mais c’est une liste utile.

    Merci bien!

    • Bruno Bichet dit :

      oui, l’idée de de rendre la liste autonome pour avoir tout les liens sur la même page. Un coup de Ctrl+F et hop, on a ce qu’on veut ;)

      • Clément Roy dit :

        Exactement! Et c’est en ça qu’une liste de type « Ressources » est bien pratique! C’est toujours plus simple que mes 782 bookmarks dans ma barre…

  3. Maxime dit :

    Effectivement, très bon article pour regrouper de nombreuses pages qui mériteraient d’être bookmarkées. Un bon petit sommaire de ressources, merci bien !

  4. [...] from: 139 Ressources Javascript et jQuery 24 May 2010 | Uncategorized | Trackback | del.icio.us | Stumble it! | View Count : 0 Next Post [...]

  5. Johan Puisais dit :

    Merci pour toutes ces ressources !

  6. fran6t dit :

    Ouaoh c’est the list, même si l’on suit en permanence ccs4design comme le dit clément c’est super d’avoir une sorte de chapitre comme cela.

  7. Incroyable, j’apprécie vraiment la qualité et la richesse de vos articles.

    Merci beaucoup Bruno pour le lien vers c’est article : là j’ai tout ce qu’il me faut sur Jquery! ;)

    A bientôt

  8. Sami dit :

    Super et un tres grand merci

  9. Florian dit :

    Ca c’est de la liste! J’ai de quoi m’occuper ;) Merci

  10. [...] 139 Ressources Javascript et jQuery — Liste de liens pour le développeur web front-end est issue de la veille documentée que j’effectue sur Javascript & Webdesign. [...]

  11. [...] 139 Ressources Javascript et jQuery [...]

  12. Yohann Poiron dit :

    Merci pour ce post il m’a aidé dans mon choix ;)

  13. [...] que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis [...]

  14. [...] 139 Ressources Javascript et jQuery [...]

  15. [...] Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! 139 Ressources Javascript et jQuery [...]

  16. affiché comme dit :

    Tableau comparatif des principaux nike tn requin frameworks Javascript

  17. Ginger bread dit :

    Cette liste de liens pour le développeur air max pas cher web front-end est issue de la veille documentée que j’effectue

  18. que j’effectue depuis deux ans sur le blog Javascript & Webdesign.Baskets Air Max Femme,Super et un tres grand merci.

  19. l’idée de de rendre la liste autonome pour avoir http://www.backtothetrees.fr tout les liens sur la même page. Un coup de Ctrl+F et hop

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site