On a tous tendance à dégainer la bibliothèque Javascript jQuery dès que l’occasion se présente. Or, il faut garder à l’esprit que les fonctions intégrées à Javascript en ont sous le pied ! Des exemples ? L’article Native equivalents of jQuery functions fait un tour rapide quelques fonctions jQuery les plus utilisés avec leur équivalent Javascript « natif » bien plus rapide : sélecteurs, manipulation du DOM, classes CSS, modification des propriétés CSS.

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é.

Vous avez besoin d’un plugin javascript qui vous permet de réaliser un slider très simple et customisable facilement ? Plus précisément, vous utilisez jQuery ? Voici un plugin très simple d’utilisation et qui va vous permettre de réaliser un slider de manière épurée et customisable via css.

Aujourd’hui, je vous présente donc, jQuery Simple Slider.

Comme je vous le disais, c’est très simple d’utilisation, pour activer le slider sur une div (class=”slider1″) qui contient les éléments, le code javascript de base est le suivant :

Ensuite, il existe quelques options :

navigation : affiche ou non les liens prev/next (true ou false)
prevText : Le texte du lien prev. Avec les quotes (“”)
nextText : Le texte du lien next. Avec les quotes (“”)
pagination : affiche ou non les numéros de page de navigation (true ou false)
autoplay : Si le slider doit tourner en automatique (true ou false)
delay : le délais de transition
speed : la vitesse de transition
numItems : Nombre d’éléments à afficher, par défaut : 1

Découvrez ce plugin jQuery ici : http://www.quai-aux-vivres.com/jquery/plugins/simpleSlider
Téléchargez le là : http://www.quai-aux-vivres.com/jquery/plugins/simpleSlider/jquery.simpleSlider.1.0.zip

Articles qui peuvent vous intéresser :

• jQuery 2.0 Released
• GMAP3 – Plugin jQuery – Facilitez-vous l’intégration de Google Maps
• Growl – Plugin jQuery – La SimpleBox
• quickSearch – Plugin jQuery – La recherche facile dans vos listings
• carouFredSel – Plugin jQuery – Le carrousel customisable

Visual helper while scrolling web page. Draw an indicator providing user with infos on the current viewport while scrolling.   “One view for each screen that user need to scroll to get to the bottom of the HTML view”   User can also click to directly go to the corresponding screen in the viewport.

It include :

• $.scrollToMe();
• $.scrollScreen();
• + Find scrollElement
• + getHash() || setHash(), …

Nb : It seem to have a bug on Firefox 21,  with right fixed positioning of “.scrollScreen” even if the plugin don’t touch this properties. In the end, plugin manipulate the left to emulate [...]

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é.

#jQuery colonize, traverse DOM tree to find paragraphs next to each chapter, extract them and wrap them within a DIV.

Theses DIVs allow the control of multicols configuration via #CSS3.

The plugin take care to vertically split colums if it’s total height exceed viewport height. We can also include or exclude some TAGs of the selection…

The configuration can be with CSS colWidth or CSS colCount.
You can see a real example here, My Book Readr : Etienne Chouard.

jQuery.colonize.js (V0.8.3)

• Live fiddle demo :
  http://jsfiddle.net/molokoloco/Ra288/
• Github sources :
  

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é.