La gestion des cookie en Javascript n’est pas des plus aisée. C’est pourquoi, je soumets à votre attention jQuery Cookie qui va s’occuper de tout le travail fastidieux pour écrire, lire et effacer vos cookies. Tout ça pour le modique poids de 4,15 kb…
Avec jQuery Image Cropper l’utilisateur peut uploader une image et sélectionner la zone de recadrage puis sélectionner le répertoire pour enregistrer deux images : une au format 100×100 et une miniature de 50×50. Le script est facilement modifiable pour personnaliser les dimensions et la taille maximum des images traitées. Via Restez connectés !
L’élément select, comme la plupart des éléments de formulaires, sont difficilement personnalisables, surtout si l’on espère une relative homogénéité de rendu entre les navigateurs. jQuery UI Selectmenu fournit une alternative pour personnaliser et configurer ces satanées balises select. Vous pourrez adapter le comportement et l’apparence pour maximiser l’expérience utilisateur, tout en respectant une logique d’enrichissement progressif compatible avec les spécifications ARIA.
Cet excellent tutoriel montre pas à pas comment créer un slider permettant d’afficher un historique progressif à la manière de la fonction Playback de Google Wave. Ca commence par le marquage HTML, l’ajout des CSS, le PHP, la base de donnée MySQL, l’ajout des commentaire via Ajax et pour terminer, le code Javascript utilisant jQuery. Via Restez connectés !
Voici un diaporama de très bonne facture qui fera le bonheur de tous. Le contenu de chaque diapo peut être réalisé à l’aide du composé HTML de votre choix (texte, images, etc.) et chacune d’elle peut être directement accessible via un système d’onglet. Mais trêve de bavardage, je vous laisse avec la démo, le lien de téléchargement et l’exemple d’appel du slideshow avec ses paramètres : →
Jquery Pagination System — Les systèmes de navigation sont généralement programmé côté serveur et sont relativement gourmands en requêtes MySQL et en preprocessing PHP. Cette pagination est entièrement réalisée avec jQuery, côté client, donc. Un exemple à copier-coller est disponible pour vous faire une idée.
jQuery Flash Plugin — Inspiré par SWFObject, UFO et sIFR, jQuery Flash Plugin a été complètement réécrit via jQuery pour éviter les redondances telles que recherche des éléments par leurs sélecteurs, la détection du navigateur, détection de Flash et améliorer les temps de chargement (si vous utilisez déjà jQuery, bien entendu). Sert aussi bien à faire du simple remplacement des contenus alternatifs par une animation Flash ou remplace le texte contenu dans une balise par l’équivalent avec la police de caractère de votre choix (comme sIFR) !
jQuery UI Multiselect — Améliore l’apparence et l’ergonomie de la balise HTML select basé sur jQuery 1.3 et jQuery UI 1.7, ce plugin dispose même d’un champs pour rechercher parmis les options proposées. Via arnaud-k.
jQuery Tools — Si jQuery UI propose des éléments d’interface de qualité, jQuery Tools va encore plus loin en proposant l’incorporation des animations Flash, une gamme étendue d’overlay, des tooltips à foison, des tabs, etc. Voir jQuery Tools: The missing UI library for the Web pour plus d’information. Et pour achever de vous convaincre, voici la page de démontration.
Tipsy — L’attribut HTML title affiche une bulle d’aide pour donner des informations sur la destination du lien à l’utilisateur. C’est bien, mais il faut reconnaitre que par défaut ce rectangle à fond jaune n’est pas toujours raccord avec la charte graphique du site web. Heureusement, Tipsy s’invite à la fête et nous offre sur un plateau des bulles d’aide façon bande dessinée comme celles que l’on trouve sur Facebook ou Twitter. De nombreuses options sont disponibles : du fading à l’apparition à la gravité (la bulle s’oriente en fonction de sa position dans la page). Télécharger Tipsy. Via Dator.
