jQuery.info

La fondation jQuery

Adam J. Sontag, Olivier G. — 2012-03-06T22:40:03Z

Traduction de l'annonce publiée ce jour sur le blog de jQuery par Adam J. Sontag : une fondation jQuery est créée.

(Boston) — Le jQuery Board, conjointement avec la Software Freedom Conservancy, est fier d'annoncer la création de la jQuery Foundation, Inc., une organisation indépendante qui va gérer jQuery, la bibliothèque Javascript numéro un sur Internet, et ses composantes.

Le jQuery Board a précédemment administré jQuery sous l'égide de la Conservancy, une association de bienfaisance qui héberge gracieusement des projets open-source.

La nouvelle jQuery Foundation est une association commerciale à but non lucratif (non-profit trade association) dédiée à :

soutenir le développement du noyau de jQuery, de jQuery UI et de jQuery Mobile,
fournir à jQuery de la documentation et du support,
entretenir la communauté jQuery.

Dave Methvin, qui a récemment pris la tête de l'équipe de développement du noyau de jQuery, sera aussi président de la fondation. JQuery est la bibliothèque JavaScript la plus populaire, et créer une organisation autonome est l'étape suivante qui permet d'assurer son développement futur, ce qui bénéficiera à tous ceux qui utilisent jQuery, dit M. Methvin. Nous allons bientôt annoncer plusieurs initiatives, y compris la prochaine jQuery Conference et d'autres projets nécessaires pour la communauté et le projet.

Je suis très enthousiaste à l'idée de voir naître la fondation jQuery. Je suis heureux que Dave Methvin dirige la fondation et le développement du noyau de jQuery. C'est un bon ami et il est tout à fait capable de faire progresser jQuery, dit John Resig, qui a créé la bibliothèque en 2005. Au même moment, j'ai consacré plus de temps à améliorer JavaScript et les enseignements de programmation de la Khan Academy. Je suis très heureux d'être membre de l'équipe de développement du noyau de jQuery et de la fondation, et je suis très impatient de voir comment jQuery va croître dans les prochaines années.

Nous sommes très fiers que le jQuery Board ait fait de jQuery une communauté Open Source vivante et prospère, avec l'aide bienveillante de la Conservancy, dit Bradley Kuhn, directeur exécutif du Software Freedom Conservancy. Notre mission est aussi d'aider les projets membres à déterminer quand créer leur propre organisation, et nous sommes satisfaits que jQuery soit le premier projet du Conservancy à franchir cette étape.

La jQuery Foundation veut remercier Joel G. Kiney de Fort Point Legal, dont les généreux conseils pro-bono ont été très précieux pendant la transition vers une organisation indépendante. La Fondation est aussi fière d'accepter un premier don honorifique du Linux Fund, qui a choisi de poursuivre sa tradition de soutien de la communauté open source par une contribution aux premières dépenses d'exploitation de la Fondation.

À propos de jQuery

Créé en 2005 par John Resig, comme bibliothèque JavaScript destinée à fournir un outil intuitif pour travailler avec le DOM et Ajax, jQuery a constamment gagné en popularité dans la communauté du développement et est actuellement la bibliothèque JavaScript la plus utilisée de nos jours.

À propos de la jQuery Foundation

La jQuery Foundation est une association commerciale à but non-lucratif (non-profit trade association) et la maison-mère de jQuery, la bibliothèque JavaScript numéro un sur Internet. Fondée par un groupe de développeurs et d'architectes de JavaScript reconnus, la fondation jQuery est dédiée à trois buts :

soutenir le développement du noyau de jQuery, de jQuery UI et de jQuery Mobile,
fournir à jQuery de la documentation et du support,
entretenir la communauté jQuery.

jQuery Foundation, Inc. est une organisation à but non lucratif du Delaware (Delaware non-profit) actuellement en train de se faire enregistrer sous le statuts 501(c)(6) du ministère des finances des États-Unis. Les dons à la jQuery Foundation seront utilisés pour accomplir les buts de la Fondation. Pour de plus amples informations, visitez http://jquery.org/.

À propos de la Software Freedom Conservancy

La Software Freedom Conservancy est une organisation à but non-lucratif qui aide à promovoir, améliorer, développer et défendre les projets de logiciels libres et open source (Free, Libre and Open Source). La Conservancy héberge vingt-huit projets logiciels, chacun soutenu par une équipe dévouée de volontaires, développeurs et utilisateurs. Les projets de la Conservancy incluent certains des logiciels les plus largement utilisés dans le monde, dans beaucoup de domaines d'applications, y compris des logiciels éducatifs déployés dans des écoles dans le monde entier, des logiciels embarqués déployés dans la plus part des appareils électroniques grand public, des outils de développement de systèmes de contrôle de version, des bibliothèques intégrées de services système, et des programmes largement utilisés de création graphique et d'art. Une liste complète des projets de la Conservancy peut être trouvée sur http://sfconservancy.org/members/cu.... La Conservancy fournit à ces projets les infrastructures nécessaires et les services de support non-commercial pour permettre aux communautés des projets de rester concentrés sur ce qu'ils font le mieux : créer des logiciels innovants et améliorer l'informatique pour le bénéfice de tous.

jQuery 1.6.3

Olivier G. — 2011-09-01T22:32:37Z

L'annonce de la sortie de jQuery 1.6.3 vient d'être faite !

(Non, pas trop le temps de traduire l'article en ce moment, hélas…)

JQuery 1.6

Olivier G. — 2011-05-03T14:55:11Z

L'annonce de la publication de jQuery 1.6 vient de tomber !

Vous trouverez plus d'informations (en anglais) sur le blog du projet, en attendant qu'éventuellement une bonne âme ne le traduise sur ce site.

JQuery 1.5.2

Olivier G. — 2011-03-31T22:16:56Z

Nous en étions restés ici à une version RC1, mais depuis lors sont sortis successivement jQuery 1.5, 1.5.1 et maintenant 1.5.2.

Et au passage, John Resig signale que jQuery 1.6 beta pourrait être publiée dans quelques semaines…

Bref, pas beaucoup d'activité sur ce site, mais le développement de jQuery continue (et vous pouvez créer un compte si vous voulez publier de l'information ici)

JQuery 1.5 RC1

Olivier G. — 2011-01-25T11:09:19Z

Je vous annonçais il y a 10 jours la première version béta, jQuery 1.5 est maintenant en version quasi-finale (Release Candidate, en français, version candidate à la publication) !

Si vous voulez aider à dénicher les derniers bugs de cette version, installez-la sur les versions de développement de vos sites, et testez votre code. Puis, signalez les éventuels bugs ou régressions sur le gestionnaire de bugs de jQuery.

De même, une page de conseils destinés aux personnes qui voudraient s'impliquer dans l'évolution de jQuery a été mise en place (si l'un de nos lecteurs à le temps de la traduire en français…).

Jquery 1.5 beta1

Olivier G. — 2011-01-14T22:49:11Z

Une rapide note pour signaler la publication de la première version Beta de jQuery 1.5.

Vous pouvez télécharger cette version de jQuery pour aider à trouver les derniers bugs.

10 choses que j'ai appris du code source de jQuery

Olivier G. — 2010-06-17T10:07:33Z

Il s'agit du titre d'un screencast de Paul Irish, 10 Things I Learned from the jQuery Source.

Découvert via identi.ca, ce screencast contient une foule d'explications et de trucs et astuces concernant le javascript que Paul a découverts et compris en explorant le code source de jQuery.

jQuery 1.4.2 à peine sortie déjà dans SPIP !

b_b — 2010-02-20T13:47:06Z

La version 1.4.2 de jQuery a été annoncée hier sur le blog officiel du projet. Cette nouvelle version est intégrée à la version beta de SPIP 2.1 dans la foulée.

Cette mise à jour de jQuery corrige quelques bugs et apporte des améliorations de performances (comme d'habitude chez jQuery, mais comment font-ils ?).

Nouvelles fonctionnalités

La liste complète des changements peut être trouvée sur la page de la version 1.4.2 du site de documentation de l'API.

Deux nouvelles fonctions voient le jour : delegate() et undelegate(). Ces fonctions viennent compléter les fonctions live() et die() de jQuery.

Le code suivant qui suit utliise .live() :

$("table").each(function(){
 $("td", this).live("hover", function(){
 $(this).toggleClass("hover");
 });
 });

Et voici son équivalent en utilisant delegate() :

$("table").delegate("td", "hover", function(){
 $(this).toggleClass("hover");
 });

Vous remarquerez la similitude des écritures et la simplification apportée par la deuxième.

Amélioration des performances

Comme toujours, l'équipe de développement a travaillé dur pour améliorer les performances de jQuery. D'après le tableau ci-dessous, la vitesse d'exécution a été multiplié par 2 par rapport à la version 1.4.1, et par 3 si on la compare avec la version 1.3.2.


Test de rapidité jQuery

Le travail effectué concerne essentiellement :

les fonctions bind() et unbind()
les fonctions empty(), remove() et html()
performances lors de l'insertion d'un seul élément DOM dans le document
performances lors de l'utilisation de $('body')

Vous pouvez consulter la liste détaillée de ces améliorations sur l'article d'annonce de jQuery 1.4.2.

JQuery 1.4 !

Olivier G. — 2010-01-14T20:20:59Z

Ok, ça manque cruellement d'activité sur ce site, mais le développement de jQuery ne nous attends pas…

JQuery 1.4 est sorti !

(nous allons essayer de rattraper le retard de traduction — en espérant que ça serve. et puis il faut aussi réorganiser les rubriques du site)

Du texte mouvant qui habille une image fixe

ARNO* — 2009-12-28T22:34:48Z

J'ai développé, pour Blog-Mode.info, un effet que je crois inédit en HTML : il s'agit de faire circuler le texte autour d'une image (en jargon typographique : « habiller l'image avec le texte »), cette image étant fixe dans la page, et le texte conservant ses possibilités de déplacement vertical (scroll).

Comme c'est assez difficile à décrire, autant aller voir à quoi cela ressemble sur cette page.

Tout se passe dans la partie en bas à droite de la page : on a un mannequin, qui se détache sur le fond vert, et le texte s'affiche en suivant les limites de l'image (et non, comme c'est habituellement le cas en HTML, suivant le rectangle du fichier image). Pour réaliser l'habillage, j'utilise le script pour SPIP que j'ai développé en mars 2006, qui fabrique automatiquement le code HTML à partir du fichier image. Ce script a, depuis, été transformé en plugin pour SPIP, et c'est cette version que j'utilise sur Blog-Mode (j'en ai profité, au passage, pour l'améliorer).

Mais, ici, ça n'est pas l'habillage irrégulier (développé en 2006) qui est original : c'est le fait que l'image est fixée en bas à droite de l'écran. Si on fait défiler le texte verticalement, l'image ne « bouge » pas à l'écran, et le texte se déplace en continuant à respecter la forme irrégulière de l'habillage.

Et ça, c'est à ma connaissance totalement inédit.

Commençons par créer le contenu et la structure de notre page.

<html>
<head>
</head>
<body>
<div id="contenu">
<div id="elastique"></div>
<div id="image"><img src="image.png" alt="" width="236" height="300" /></div>
<div id="pave_texte">
<h1>Le titre</h1>
<div class="texte">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In luctus, sapien vel feugiat hendrerit, ante felis mollis nunc, eget rutrum sapien arcu et turpis. Proin blandit sapien quis ante ullamcorper eget malesuada mi facilisis. Aenean risus velit, eleifend vitae lacinia nec, varius nec lorem. Aenean nisi urna, faucibus et lacinia a, dictum at erat. Maecenas laoreet eros nec felis tempor ac tempus felis lacinia. Vivamus aliquet semper ullamcorper. Donec ligula nisi, pellentesque non aliquet eget, malesuada nec sem. Sed ultricies arcu ut mauris eleifend pretium. Integer mattis, diam quis ultrices faucibus, lectus diam laoreet lectus, eu rutrum nunc lacus eu enim. Suspendisse potenti. Vestibulum hendrerit dolor a eros fermentum nec consectetur massa congue. Proin ornare rutrum arcu non tempor. Aliquam fermentum nulla et justo porttitor sit amet tristique dolor commodo. Fusce turpis sem, suscipit porttitor euismod eleifend, vehicula vestibulum nisl.</p>
<p>Cras dui erat, vulputate nec dictum vel, commodo id ante. Fusce bibendum varius fermentum. Maecenas lacinia egestas mi vel ultrices. In augue sapien, gravida quis vestibulum porttitor, congue et enim. Aenean condimentum tempus nisi, at vehicula magna luctus non. Nam ultricies urna in purus facilisis non venenatis ligula tincidunt. Quisque porta varius lectus, vitae vestibulum leo commodo nec. Morbi justo neque, ultrices in egestas ut, consectetur sed neque. Maecenas egestas malesuada gravida. Cras eleifend quam accumsan leo sodales viverra. Aliquam erat volutpat. Morbi nec sapien vel orci commodo volutpat nec ut ipsum.</p>
<p>Vivamus nec rutrum est. Curabitur lectus turpis, adipiscing et commodo a, blandit eu nisi. Nulla eget mi id mauris interdum accumsan vel et quam. Morbi sed neque felis. Duis sit amet dolor neque, nec tincidunt magna. Duis iaculis elementum lacus, nec elementum metus vehicula eu. Aenean sed tortor at erat blandit consectetur et vel lectus. Sed ligula nisl, posuere et pretium nec, facilisis ut nisl. Vivamus ultrices suscipit feugiat. Pellentesque eleifend varius lectus et iaculis. In gravida nisl id elit facilisis tempor. Sed eros dolor, fermentum quis aliquet id, ornare bibendum enim. Pellentesque fringilla pharetra sem, vitae interdum tellus varius quis. Sed tempor dignissim risus, vitae mattis quam aliquam in. Mauris facilisis magna a urna ultricies suscipit. Integer semper gravida nibh sed luctus. In hac habitasse platea dictumst. Nulla facilisi. Vivamus ac purus accumsan magna hendrerit ornare.</p>
<p>Praesent porta egestas orci, hendrerit consequat mi posuere non. Donec egestas posuere sapien, nec cursus elit sodales vel. Donec hendrerit mi non tellus luctus ullamcorper. Etiam eget magna et ante convallis pellentesque ut id augue. Curabitur tincidunt, velit a hendrerit aliquam, quam est fringilla purus, non scelerisque velit purus auctor est. Proin elit neque, venenatis quis iaculis et, cursus id dui. Quisque vehicula dignissim egestas. Nam viverra tincidunt eros porta sollicitudin. Cras porta mauris mollis ante bibendum id condimentum leo posuere. Maecenas lacinia pretium vehicula. Nam non metus tortor, quis dictum risus. Vivamus facilisis adipiscing arcu a commodo. Nulla consequat pulvinar risus, eu varius diam gravida sed. In hac habitasse platea dictumst. Etiam eget risus dolor, semper aliquam nisi. In hac habitasse platea dictumst. Aenean elementum hendrerit lacus eu luctus.</p>
<p>Suspendisse porttitor condimentum enim vitae aliquam. Fusce ultricies tristique sem, vel pellentesque mi consequat id. Nunc vulputate vehicula lorem, non gravida dui vulputate a. Nulla euismod ligula et sem luctus fermentum. Mauris sodales est id magna rhoncus molestie. Praesent non felis in ipsum dapibus feugiat. Nulla eget sem a urna dictum interdum. Proin eu metus sed nisl pellentesque eleifend at vel lectus. Mauris bibendum eros et nulla pretium lobortis. Aenean blandit lacus non nulla mollis mollis. Maecenas non ultricies ligula.</p>
</div>
</div>
</div>
</body>
</html>

Télécharger

La structure est très simple :
un div #contenu contenant la partie qui nous intéresse ici (on pourra ajouter, évidemment, un #header, un #footer par ailleurs) ;
un premer div #elastique qui, pour l'instant, ne sert à rien ;
un div #image qui contient l'image que nous allons chercher à afficher en bas à droite de notre document ;
un #pave_texte qui contient le texte du document (titre et texte libre).

Commençons par donner un style à ces différents éléments :