Salut à tous ! On est un jour férié ? Tant pis pour vous

Mon ami François Germain a pondu un plugin permettant de récupérer une donnée : valeur d’un champ, valeur d’un attribut (y compris les data-attributs). Et ceci, directement depuis le sélecteur. Je n’aime pas trop l’idée parce que ça ne tient pas compte des questions de performance ni de l’idéologie de jQuery. Ceci dit, pourquoi pas.

Souvent on vous dit de ne pas utiliser jQuery quand vous n’en avez pas besoin. Rien ne vous interdit cependant de commencer à développer avec puis de retirer ensuite si vous pensez que ça n’était pas nécessaire. Pour ça, il existe désormais aussi un plugin qui s’appelle jQuery Functions Finder. Entre autres raisons, ça vous permet aussi de savoir quelles fonctions vous utilisez dans le core.

Et je termine en beauté en parlant gouvernements. J’ai bien mis un « S » à la fin. Est-ce que certains d’entre vous ont déjà rempli leur déclaration d’impôts sur le revenu cette année ? En passant par l’appli mobile qui vous permet de flasher le tag en bas du premier feuillet. Je ne sais pas si vous avez remarqué mais cette application est basée sur jQuery Mobile.

Autre actualité gouvernementale, qui concerne le Canada ce coup ci. Il ont publié récemment un kit complet pour la création facilitée de sites « hyper-accessibles ». Dans ce kit, il y a la partie mobile. Et c’est encore jQuery Mobile qui est à l’honneur.

Retrouvez toutes ces ressources sur le carnet Evernote dédié.

Salut à tous ! C’est le mois de mai. Calme, toujours très calme. La semaine dernière déjà, peu de choses à dire. Pas grand chose non plus cette semaine donc. En fait, rien de notable.

En somme, pas de chronique cette semaine. Désolé.

Pas grand chose cette semaine, pratique pour écrire cet épisode à l’arrache.

Mise à disposition de jQuery UI 1.10.3. Cette version de maintenance apporte des correctifs pour Draggable, Sortable, Accordion, Autocomplete, Button, Datepicker, Menu et Progressbar. Dans le lien proposé, vous trouverez le changelog complet.

Un livre est disponible sur TutorialZine, jQuery Trickshots. Il n’existe pas de version papier, étant seulement dispo en version électronique tous formats classiques : pdf, epub et mobi. Dans le lien vous pourrez obtenir le chapitre dédié à la partie Ajax gratuitement.

Avant de conclure, je voulais vous parler de l’article de l’ami Megaptery qui parle de MixItUp. Ce dernier est un plugin d’organisation de données présentées sous formes de structures HTML définies. Pas très original mais vu qu’il est très moderniste en se servant des dernières technos web, je ne pouvais qu’encourager.

Enfin, j’ai vu passer Jackbone, un framework qui souhaite allier jQuery Mobile avec Backbone. Pourquoi pas. A tester.

Comme d’habitude, vous pouvez retrouver l’ensemble de ces liens sur un carnet Evernote dédié partagé.

Salut à tous,

Comme vous le savez, je travaille sur plusieurs trucs en même temps, entre le blog, mon boulot, mes projets personnels. Le tout cumulé à ma vie privée. Je suis arrivé à un stade où je suis obligé de trancher dans le lard pour pouvoir tout gérer.

Donc le plugin osmLeaflet.jquery que j’avais mis en développement saute. De toute façon, je ne travaillais plus dessus depuis un moment. Il y a eu plusieurs propositions intéressantes de fonctionnalités, je ne les développerai pas non plus.

Si vous le souhaitez, vous pouvez participer au développement du plugin et de ses fonctionnalités mais à titre personnel, je ne le maintiendrai plus. Je ne ferai que valider ou refuser les PR. La doc est déjà déplacée sur le dépôt GitHub.

J’espère que les utilisateurs de mon plugin me pardonneront si ils attendaient les évolutions, mais je n’ai plus le temps. Je préfère arrêter avant de perdre le nord.

Petite semaine après la grosse qui a précédé. On se lance :

Comme souvent, Sam Deering publie un article de qualité sur jQuery4u. Il nous propose une comparaison de $.closest() et $.parents().

Dans les outils qui manque sur le site officiel de jQuery, on peut y compter un constructeur de versions personnalisées. Pour rappel, depuis la v2.0, jQuery peut être construit selon vos besoins. La version 1.10 devrait proposer la même chose à sa sortie qui s’annonce prochaine.

Et pour finir, le dernier petit truc sympa : jQuery Annotated Source. L’idée est de vous proposer de lire dans le code source du framework comme dans un livre. L’approche est intéressante, je n’ai pas tout lu mais c’est original.

Voilà, c’est tout pour la semaine. Et comme depuis quelques mois, vous pouvez récupérer toutes ces ressources dans un carnet de notes dédié.

La planète s’est motivée cette semaine pour me donner plein de boulot pour cette chronique. Sérieusement, vous avez fait un concours, non ?

Sortie de jQuery 2.0 !

J’ai pas trop vu le truc venir, c’est un peu arrivé sans annonce, même si il y a eu des beta. Avant de rentrer dans le détail, vous pouvez retrouver l’annonce ici. Je vous laisse le lien vers l’annonce de la beta 3 (même si inutile maintenant)

Maintenant, voyons ce qu’on a là dedans :

• fin du support de IE 6, 7 et 8 (ça, tout le monde vous l’a dit) ;
• fin à venir du support des Android/webkit 2.x (le marché est encore trop important mais ils font sauter asap) ;
• 12 % moins « lourde » que la version 1.9.1.

Il n’est pas recommandé d’utiliser jQuery 2 pour tout et n’importe quoi en production. Pour le moment, l’équipe recommande de l’utiliser pour des utilisations modernes, soit pour :

• Google Chrome add-ons
• Mozilla XUL apps and Firefox extensions
• Firefox OS apps
• Chrome OS apps
• Windows 8 Store (“Modern/Metro UI”) apps
• BlackBerry 10 WebWorks apps
• PhoneGap/Cordova apps
• Apple UIWebView class
• Microsoft WebBrowser control
• node.js (combined with jsdom or similar)

Dans les autres changements, vous pouvez construire votre propre version de jQuery à partir de 12 modules éjectables selon vos souhaits. En plus d’un coeur immuable bien entendu. Les 12 modules sont les suivants :

• ajax : tout le moteur AJAX, donc : $.ajax(), $.get(), $.post(), $.ajaxSetup(), .load(), transport, et les alias d’évènements ajax tels que .ajaxStart() ;
• ajax/xhr : la partie XMLHTTPRequest seule ;
• ajax/script : la partie Ajax qui permet de récupérer des scripts ;
• ajax/jsonp : la gestion de JSONP (je prépare une article là dessus d’ailleurs) ;
• css : la méthode .css() plus toutes les parties non-animées de .show(), .hide() et .toggle() ;
• deprecated : tout ce qui est deprecated mais pas encore supprimé; pour le moment, il ne reste que .andSelf() ;
• dimensions : méthodes .width() and .height(), incluant les variations inner- et outer- ;
• effects : la méthode .animate() et ses raccourcis comme .slideUp() ou .hide(« slow ») ;
• event-alias : tous les déclencheurs d’évènements et alias de méthodes concernant les évènements, tels que .click() ou .mouseover() ;
• offset : méthodes .offset(), .position(), .offsetParent(), .scrollLeft() et .scrollTop() ;
• wrap : méthodes .wrap(), .wrapAll(), .wrapInner() et .unwrap() ;
• sizzle : le moteur de sélection d’éléments, permet d’utiliser un mini-moteur basé sur la méthode native querySelectorAll.

L’exclusion de tous ces modules peut mener à un poids minimal de 10 Ko, une fois minifiée et gzippée. Sur le dépôt GitHub, vous pouvez retrouver comment construire votre version.

Comme déjà dit dans le passé, je ne recommande pas l’usage de cette version. A mon sens, utiliser les CDN (de préférence celui de Google pour jQuery) est un meilleur choix. Ceci dit, si vous utilisez en interne, pour du minifié, et dans d’autres cas, ça peut être utile. Si vous souhaitez bosser proprement avec votre version perso, je vous conseille cependant de virer les modules deprecated, effects, event-alias et sizzle. Ce sont ces trucs inutiles et ne faisant que dans la fioriture. Si vous courrez après le poids et la performances, ce sont ces modules qui devraient être les premiers à sauter.

Petite précision, si comme moi vous avez besoin de continuer le support de IE 6, 7 et 8, vous pouvez rester sur la version 1.9. Les modifications apportées dans l’objectif de la 2.0 seront aussi portées dans la version 1.10. Version qui conservera aussi le support des navigateurs obsolètes.

Même si il n’y a rien de nouveau coté jQuery Mobile ou UI dans les fils officiels, je ne les oublie pas. Et .Net magazine non plus. Ils ont publié un article expliquant les 5 raisons pour lesquelles vous devriez utiliser jQuery Mobile.

Sam Deering de jQuery4U a publié ses résultats de tests de performances. Il a comparé $(this).attr(‘id’) et this.id.

Passons aux tutoriels. Je vous en suggère un qui fait le point sur les évènements personnalisés. A priori, la version 2 de jQuery ne change pas la donne quand à ces explications.

Didier Mouronval a publié, sur Developpez.com, un tutoriel pour construire des sélecteurs personnalisés.

Coté tutoriels, il y a Snap.js qui me plait bien, ça c’est pour les menus latéraux sur lesquels je fais une fixette depuis quelques semaines.

Je vous propose un petit thème pour jQuery Mobile nommé nativeDroid. Il est optimisé pour jQuery Mobile 1.3. Il a l’air bien sympa. (private joke : coucou AG :p)

Les officiers de police de New York travaillent sur un nouveau projet. Ils utilisent une appli jQuery Mobile qui leur donne accès notamment à l’historique judiciaire des gens dans le coin etc.

Et pour terminer, voilà pourquoi vous devriez arrêter d’utiliser jQuery. Ce n’est pas un troll, juste une piqûre de rappel. jQuery ne doit pas servir dans tous les cas, toutes les conditions. Il faut savoir quand utiliser un 4*4 ou un scalpel.

Salut à tous, j’espère que vous avez tous eu la chance de pouvoir un barbecue hier Pour fêter ça, une chronique légère cette semaine.

Alors on démarre avec jQuery Mobile 1.3.1 !

Au menu de cette version de maintenance, on a des correctifs de bogues pour les boutons, les checkboxradio, les accordion, les controlgroup, les dialog, les fixed toolbars, les list views, les navbars, la navigation, les panels, les popups, les range sliders, les select menus… En gros, tout y est passé et on peut s’en féliciter. Retrouvez l’annonce et son changelog.

Sinon, du plugin, des plugins cette semaine !

En premier invité, une pensée pour mon ami… qui a publié une mise à jour de son pp3Diso. Un plugin balaise qui vous permet de faire facilement des maps de jeu en 3D isométrique. Vous vous souvenez des Age of Empires, Starcraft ou encore Command & Conquer? Bah voilà Et toujours avec un très haut taux de compatibilité.

La plateforme ququplay (jeux sur mobiles) vient de sortir deux thèmes pour jQuery Mobile. Une version « flat » et une version « square« .

Vous pouvez retrouver les ressources de cette chronique dans un carnet Evernote dédié.

Roh mince, l’épisode 111, le mois d’avril, le soleil, tout ça :p Et 4 jours depuis la dernière chronique. Quoi de neuf cette semaine ?

Rien d’officiel. Ça c’est dit.

Sam Deering, rédacteur de jQuery4U, a fait un point rapide sur l’importance de la mise en cache des sélecteurs. C’est quelque chose dont on parle souvent mais qui n’est malheureusement toujours pas assez appliqué.

La semaine dernière, j’évoquais une interview de Dave Methvin, cette semaine, NetTuts+ a rencontré John Resig (« le créateur »). A savoir que l’interview n’est pas très porté sur jQuery puisque John a passé la main pour se concentrer sur d’autres projets.

Je parlais justement la semaine dernière d’une sidebar façon Facebook et que j’aurais aimé en trouver une façon WordPress. J’ai trouvé jQuery SideBar, un plugin de sidebar. C’est pas encore exactement ça mais dans l’idée, on s’en rapproche un peu. Bon courage pour les yeux par contre, c’est coloré

Pour ceux que ça intéressent, je me suis un peu penché sur les formations existantes (hasard des choses en réalité). Je suis tombé chez AlterWay qui en propose une pour jQuery et jQuery UI.

A surveiller sur le web : La #GuezNet. C’est mon ami Julien qui la tient. Vu qu’il dev « assez régulièrement » avec jQuery, il compte bien en parler de temps en temps. Ça c’est le bonus spécial pour me faire pardonner les deux dernières semaines.

Je finis donc en vous rappellant que vous avez accès à toutes les ressources de cet article depuis un carnet de notes dédié partagé sur Evernote. A la semaine prochaine

Avec beaucoup de retard, je profite de mes vacances pour écrire ma chronique « hebdomadaire ». Beaucoup de travail, une vie privée de plus en plus présente (avec plaisir), une adaptation longue à Feedly (si vous avez un outil plus efficace à recommander, je suis preneur). Forcément tout ça cumulé avec le fait, que tout le monde s’est lâché sur l’activité autour de jQuery.

Du côté officiel des choses, parlons de jQuery Mobile 1.2.1 qui a été fraîchement annoncé. C’est une version de maintenance, elle contient donc des correctifs de bogues pour la méthode .blur(), les widgets Button, Checkboxradio, Collapsible, Dialog, Fixed Toolbars, Listviews, Loader, Navigation, Popup (élément le plus mis à jour), Select menu, Slider et Text input.

Ceci n’empêche pas la maintenance de plus anciennes versions, c’est pour ça que 3 jours avant, nous avons aussi eu la deuxième version de maintenance de jQuery Mobile 1.1. Soit jQuery Mobile 1.1.2. Avec des correctifs pour Button, Checkboxradio, Collapsible, Controlgroup, Dialog, Fixed Toolbars, Listview, Navbar, Navigation, Select, Slider, Textinput et Transition.

Dave Methvin, jQuery Core Team Lead et President of jQuery Foundation, a accordé un entretien à NetTuts+. Il évoque son passé professionnel, la prise de relais après John Resig. Ainsi que son point de vue sur l’émergence de nouveaux frameworks.

En parlant de jQuery Foundation, vous pouvez d’ailleurs dorénavant la rejoindre, la sponsoriser, pour participer à un web meilleur. Enfin c’est l’idée suggérée, je n’ai pas tout bien compris sur l’intérêt de la rejoindre. A part des réductions notamment pour les différents évènements. L’appel à sponsors est lancé.

Dans les tutoriels, nous avons un tutoriel de NetTuts+ (encore eux, très actifs sur le JS), expliquant comment développer des applications compatibles pour le store de Windows 8 facilement avec jQuery 2.0.

Vernon Kesner a écrit un tutoriel sur jQuery Mobile intitulé « jQuery Mobile Pages« . Je n’ai pas eu le temps de le tester, je vous laisse donc juge.

Continuons dans les tutoriels avec la vidéo francophone de Birnou Sébarte intitulée « Les sélecteurs jQuery ». Vidéo un peu courte, faites pour vous suggérer de vous pencher sur la puissance des extensions de sélecteurs proposées par jQuery. Ceci dit attention, cette vidéo vous encourage à la découverte, elle n’aborde en rien la question performances. N’oubliez pas le bon sens si vous vous basez sur les exemples, ils ne sont pas travaillés dans cette direction là.

En parlant vidéo, GitHub a publié son premier « comte de l’Octocat ». Même si jQuery n’est pas le dépôt le plus actif sur GitHub, on n’en est pas loin. L’équipe de la société a donc jugé bon de parler un peu de l’aventure de jQuery sur son système.

Un nouveau livre va bientôt sortir. « Creating Mobile Apps with jQuery Mobile« . J’espère l’avoir en main prochainement.

Jean-Baptiste Landry a dressé un compte-rendu de jQuery Toronto 2013. Intéressant pour tous ceux qui n’ont pas eu l’occasion d’y assister.

Steve Souders a publié un document, intitulé « HTTP Archive: jQuery« , expliquant l’usage de jQuery sur les différents plus gros sites, sur les versions utilisées, les différents CDN… Je suis assez dépité par cet article et ce que j’y ai lu. Quel est l’intérêt d’utiliser des CDN inconnus ? Un CDN est là pour faciliter le partage des ressources. En utilisant celui d’une société lambda, non seulement, vous n’avez aucune garantie de débit mais en plus aucune garantie de disponibilité. Le seul CDN valable, c’est celui de Google (certains vont me dire que je copule avec Satan, Big Brother, …). Réparti partout dans le monde, débit plus que correct, très haute disponibilité, et presque 20% d’usage. Ça progresse fortement d’ailleurs (ceci est mon principal argument face aux détracteurs des CDN). Il me semble qu’il y a un an ou deux, on était à peine à 9%. Le message commence à passer.

Passons aux plugins. Je commence (et termine) par Sidr, un plugin de menu vertical en sidebar, qui a beaucoup fait parler de lui. J’aurais aimé en trouver un façon WordPress. Celui là ressemble plus à l’appli mobile façon Facebook. Merci notamment à DailyJS et LaFermeDuWeb. Il est compatible mobile en plus (au moins Android).

Retrouvez le carnet Evernote dédié de toutes les ressources de cet épisode.

C’est parti pour une news écrite à l’arrachée entre deux brochettes chopées au japonais du coin. J’espère que le style écrit-publié à l’arrache me réussira, c’est rarement le cas mais bon, faut prendre des risques dans la vie Le tout bien évidement pourri par une malheureuse tentative de migration vers Feedly en prévision de la fin de Google Reader. Conclusion, je suis pas fan.

Coté officiel, jQuery UI 1.10.2 ! L’annonce faite par Scott Gonzalez porte sur l’idée que cette  version mineure n’est comme toute version mineure qu’une version de maintenance. Des correctifs pour les widgets Position, Draggable, Droppable, Sortable, Autocomplete, Datepicker, Dialog, Spinner, Tabs et Effects. Ainsi que pour la partie CSS du framework.

Au passage, notez que l’équipe de UI fait appel à vos idées pour l’amélioration du site.

On passe direct aux conférences avec des news coté jQuery UK, le 19 avril prochain. La société appendTo, un des plus gros sponsors privés de jQuery proposera un workshop dédié à jQuery Mobile. Je ne peux que vous encourager à vous y inscrire si vous avez la chance d’aller à Oxford.

Plus coté de votre culture générale, un blogueur a assez bien expliqué comment Amazon gère son menu à plusieurs niveaux. La fluidité est notamment une des choses clés de ce menu.

Voilà, c’est tout pour la semaine, pas de plugins ou de tutoriels qui m’ont spécialement marqué. Encore une centaine de slideshows sont nés cette semaine mais je ne vous en parlerais, la plupart étant des purs plagiats de l’existant moderne, le reste, des plagiats d’antiquités technologiques.

Comme toujours, toutes les ressources de cet article sont disponibles sur un carnet partagé dédié Evernote.