Intégration web

Ressources Javascript pour intégrateurs web front-end

Si les fondations du design web sont constituées de HTML et de CSS, il faut reconnaitre qu’il est de plus en plus difficile de se passer de Javascript et des frameworks comme jQuery. C’est pourquoi je propose aux webdesigners et aux intégrateurs web un lien Javascript chaque jour (ou presque). Mon choix se portera plus particulièrement sur les développements préservant la séparation de la forme et du fond (oui ça veut dire non-intrusif) dans la droite ligne des bonnes pratiques HTML et CSS. →

Plugin jQuery

Jquery Pagination System

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.

Plugin jQuery

jQuery Flash Plugin

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) !

Plugin jQuery

Tipsy — des bulles d’aide façon Facebook avec jQuery

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.

Plugin jQuery

Lazy loader — chargement des images à la volée

Lazy loader — Vous souvenez-vous du préchargement d’images en Javascript ? Et bien ce plugin pour jQuery fait exactement le contraire : il ne charge vos images que lorsqu’elles apparaissent dans la fenêtre du navigateur. Le plugin est doté d’options plutôt bien pensées : seuil en pixels à partir duquel l’image sera chargée ; image de substitution en attendant le chargement de l’image ; apparition des images sur un événement click ou mouseover ; affichage des images après le déclenchement d’une fonction personnalisée, etc. Via Anis Berejeb.

Plugin jQuery

jQuery Magnifier Loupe

jQuery Magnifier Loupe permet d’effectuer un zoom sur vos images en  utilisant (entre autre) l’attribut longdesc pour zoomer à partir d’une miniature (thumbnail). Attention au caractère peu accessible de l’utilisation de l’attribut HTML longdesc prévue à l’origine pour fournir une description de l’image pour les malvoyants. Cela dit, le script ne nécessite pas obligatoirement cet attribut pour fonctionner : il est possible de déclencher la loupe en utilisant la classe .jLoupe sur l’élément img concerné !