20/05/13
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.
| Tags : css, DOM, Javascript, jQuery | Tutoriel
13/05/13
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. 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. Lire le reste de cet article »
| Tags : Liste, Rotation, Slide, Slider | Plugin jQuery
22/04/13
Select2 est un plugin jQuery qui améliore le look & feel et l’ergonomie de vos menus select (recherche, données distantes et scrolling infini parmi les résultats) — dans le même esprit que Chosen. (Merci Emilien). Lire le reste de cet article »
| Tags : Formulaire, jQuery, Option, Select | Plugin jQuery
21/04/13
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. Lire le reste de cet article »
| Tags : jQuery, Liste, Option, Prototype, Select | Plugin jQuery, Plugin Prototype
07/04/13
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 : Lire le reste de cet article »
| Tags : Carousel, Diaporama, Présentation, Slider, Swipe, Tactile, Touch | Plugin jQuery
01/04/13
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. Lire le reste de cet article »
| Tags : Diaporama, Slider | Plugin jQuery, Revue de Web
04/03/13
fullsizable est un plugin jQuery qui permet de profiter de tout l’espace disponible à l’écran pour visualiser vos images sous forme de diaporama. Utilise l’API HTML5 fullscreen dans les navigateurs qui le prennent en charge. Voir la démo.
| Tags : Diaporama, Fullscreen, Galerie, Images, Lightbox, Slideshow | Plugin jQuery
18/02/13
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 là. 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é ! Lire le reste de cet article »
| Tags : Diaporama, jQuery, Slider | Plugin jQuery
04/02/13
Simple HTML DOM est un script PHP qui permet de parcourir une page web pour y rechercher n’importe quel élément, aussi simplement qu’avec jQuery. Une ligne suffit pour extraire le contenu qui vous intéresse ! Lire le reste de cet article »
| Tags : DOM, HTML, jQuery, Parser, PHP | Helper PHP
27/01/13
Shapeshift — très largement inspiré par jQuery Masonry — est un plugin jQuery qui permet de réarranger dynamiquement une collection d’éléments dans une grille au sein d’un container parent. Un exemple de ce comportement existe sur le célèbre Pinterest. Possibilité de faire du Drag & Drop avec les éléments si jQuery UI Draggable / Droppable sont installés. Nécessite également jQuery Touch Punch pour fonctionner sur les périphériques Touch. Lire le reste de cet article »
| Tags : jQuery, Masonry, RWD, Shapeshift, Touch | Plugin jQuery