Choisir une bibliothèque Javascript n’est pas anodin. Une fois qu’on s’est familiarisé avec une librairie, il est souvent difficile de faire marche arrière et la tentation est grande de ne pas aller voir ailleurs si l’herbe est plus verte. Aaron Newton a eu la bonne idée de faire une comparaison éclairée intitulée jQuery vs Mootools en mettant en évidence les qualités et les défauts de ces deux frameworks Javascript, en toute objectivité. →
Menus «select» et champs «input» avec jQuery
Michel L’Huillier nous propose six bouts de code pratiques pour manipuler les éléments select
et input
avec jQuery : récupérer la valeur ou faire passer le texte d’une ou plusieurs options sélectionnées ; utiliser des éléments option
sélectionnés dans des instructions conditionnelles ; supprimer un élément option
; déplacer des options d’une liste A vers une liste B. Les snippets sont suivis d’une Cheat Sheet concernant les élements select
et input
.
Plupload — un gestionnaire de « téléversement » (upload) multiple en jQuery
Plupload — Les développeurs de TinyMCE nous proposent Plupload, un gestionnaire de «téléversement» pour votre CMS préféré. Plupload prend en charge plusieurs formats : Adobe Flash, Google Gears, HTML5, Microsoft Silverlight et Yahoo! BrowserPlus. →
Uniform — Des styles de formulaires « sexy » avec jQuery
Uniform est un plugin jQuery dans la lignée de jqTransform pour ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates boutons Parcourir… qui donneraient presque envie de se mettre à Flash 😉 Uniform masque les éléments de formulaires standards et ajoute une surcouche plus élégante. Fonctionne comme les vrais éléments de formulaires remplacés pour assurer une compatibilité et une accessibilité correcte. Compatible avec Safari 3+, Firefox 3+, IE7+ et Chrome (pas IE6, donc).
jQuery Source Viewer — Plongez dans le code source de jQuery !
jQuery Source Viewer permet de naviguer à l’intérieur du code source de jQuery. Choisissez une fonction, puis laissez-vous entrainer en cliquant sur les différentes méthodes qui apparaissent au fil du code. Très pratique pour savoir ce qu’il y a sous le capot de jQuery car la lecture du code source n’est pas une partie de plaisir et au bout de quelques lignes, Proust se fait presque regretter (presque).
Cacahouette sur la banane, les versions 1.4, 1.3.2 et 1.2.6 de jQuery sont incluses dans jQuery Source Viewer.
jQAPI — Documentation alternative pour jQuery 1.4.1
jQapi reprend le système retenu par la documentation de Ruby on Rails tout en reprenant le même contenu existant dans la documentation officielle de jQuery avec un mise en page différente (recodée en jQuery) qui permet d’aborder la documentation d’une manière différente. jQapi semble plus pratique à consulter, donc plus productive. Cerise sur le gâteau, une version à emporter est également disponible.
Implémentation jQuery du module CSS3 Template Layout
css-template-layout est la transcription Javascript du module CSS Template Layout Module. Ce mécanisme prévu par CSS3 permet de faire une grille de mise en page indépendante de la position des éléments dans le flux, sous la forme de déclarations CSS. →
jqTransform — Stylez vos formulaires avec jQuery et CSS
jqTransform est un plugin jQuery qui améliore légèrement — mais sûrement — l’apparence des formulaires web en gardant l’essentiel : les formulaires ressemblent toujours à des formulaires ! Les champs text
voient leurs coins légèrement arrondis, ainsi que les case à cocher avec une coche du plus bel effet. Les boutons radio
et les menus select
sont eux aussi légèrement stylés.
Google Fade — Faire apparaitre des éléments au mouvement de la souris
Google Fade est un script disponible pour Mootools et jQuery qui permet de reproduire chez vous un effet intéressant 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. →
Thumbnail Zoom — Effet de zoom et apparition d’une légende au survol
Thumbnail Zoom — Voici un effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris qui fera certainement son petit effet sur vos pages web. Ce tutoriel explique pas à pas le code HTML (liste non-ordonnée), les CSS et la pincée de jQuery nécessaire au bon fonctionnement de l’ensemble. Via colegramist.