Archives de la catégorie : Javascript & Webdesign

Cette rubrique est consacrée à Javascript (applications autonomes, atuces et snippets, bonnes pratiques, documentation, extensions Firefox) avec une large part consacrée à jQuery (plugins application mobile, frameworks Javascript), sans oublier les plugins Mootools et Prototype.

Selectize.js — donner du peps à vos éléments select avec jQuery

Selectize — Dans la lignée de ChosenSelect2, and Tags Input, Selectize est une surcouche Javascript  développée par @brianreavis avec jQuery pour moderniser l’élément HTML select dans l’optique d’améliorer l’expérience utilisateur dont cet élément a bien besoin. Selectize sera en tout cas bien pratique pour la gestion des tags, des listes de contacts, la sélection des pays, etc. Le tout pour un poids modique de 7kb (gzipped).

Magnific Popup — Lightbox / Slideshows responsive pour jQuery

Magnific Popup est une lightbox responsive pour jQuery créée par Dmitry Semenov. Centrée sur les performances, ce plugin offre un rendu optimum sur tout les périphériques. Outre la possibilité d’afficher individuellement des contenus de nature différente (images, textes, vidéo, Google Maps, etc.) dans une lightbox, Magnific Popup permet de créer des slideshows.

Equivalents natifs de fonctions jQuery

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.

SwapMyLi — Rotation automatique de liste avec jQuery

Plugin jQuery Swap My Li

SwapMyLi est un script jQuery qui permet d’effectuer une rotation sur les éléments d’une liste pour les afficher les uns après les autres plutôt que les uns sous les autres. Peu d’options, mais nous avons l’essentiel : vitesse de l’effet d’animation, durée de la transition d’un élément à l’autre, durée d’affichage de chaque slide, affichage ou non d’un timer pour montrer le temps d’affichage restant, et utilisation ou non des styles CSS intégrés au script.

Chosen — Des menus « select » présentables

Chosen est un plugin Javascript qui rend les longues et indigestes listes select bien plus présentables. Au lieu d’obliger vos utilisateurs à faire défiler toutes les options de vos listes, Chosen leur permet de commencer à saisir le début d’un terme pour n’afficher que les résultats pertinents, à valider d’un clic de souris ou via la touche Enter.

Unslider — Le slider jQuery qui slide, tout simplement

Unslider est un script jQuery qui fait partie de la grande famille des Sliders (aussi appelé Diaporama, Carousel, Présentation, etc.). Son point fort est la sobriété : pas d’effet foufous ou de marquage HTML superflu. Unslider fait le minimum et le fait bien ! Toutefois, ses 3kb n’empêche pas Unslider de répondre à un cahier des charges rigoureux :

s3slider : diaporama jQuery avec légende

s3slider est un plugin jQuery qui permet de faire défiler un ensemble de photo accompagné d’un bloc de contenu qui apparaît automatiquement par-dessus l’image. Possibilité de faire apparaître le bloc légende à partir du haut, du bas ou à partir des côtés.

DIYSlider — Slider léger et personnalisable

DIYSlider est un script jQuery léger et personnalisable dont le but est de servir de fondations à vos développements de… sliders ! Quelques exemples d’utilisation ici ou . Le principe est de transformer une série de div en diaporama avec une foultitude d’options, de méthodes et d’évènements, pour une modique taille de 3,56 kb ou 1,14 kb gzippé !