PUBLIC MARKS from eledo34 with tags web & plugin

FlipClock.js est un plugin Jquery qui vous permettra de créer des horloges, chronomètres ou comptes à rebours entièrement personnalisable.

Vous connaissez peut être Masonry ou Isotope dans le même genre de plugin, voici le dernier venu Freetile.js. Ce plugin permet d'agencer un layout composé de blocks, images etc. et d'optimiser l'espacement et alignement des blocs pour perdre le moins d'espace. Dès que le navigateur est redimensionné, les blocs de repositionnent avec un effet de transition. Quelques points le différencie des autres plugins du même type: Pas besoin de créer des colonnes pour gérer les blocs, ni leur spécifier de taille L'algorithme de positionnement des blocs est facilement personnalisable, il sera ainsi possible de le modifier pour aligner plutôt sur la droite par exemple. Vous connaissez peut être Masonry ou Isotope dans le même genre de plugin, voici le dernier venu Freetile.js. Ce plugin permet d'agencer un layout composé de blocks, images etc. et d'optimiser l'espacement et alignement des blocs pour perdre le moins d'espace. Dès que le navigateur est redimensionné, les blocs de repositionnent avec un effet de transition. Quelques points le différencie des autres plugins du même type: Pas besoin de créer des colonnes pour gérer les blocs, ni leur spécifier de taille L'algorithme de positionnement des blocs est facilement personnalisable, il sera ainsi possible de le modifier pour aligner plutôt sur la droite par exemple.

Adipoli est un plugin jQuery permettant de créer des effets de hover sur vos images bien réussis. Adipoli est un plugin jQuery permettant de créer des effets de hover sur vos images bien réussis. Il est courant d'assombrir ou transformer en noir et blanc ses images pour créer un effet d'apparition au passage de la souris. Adipoli est un plugin jQuery qui vous permettra en quelques lignes de code JS d'ajouter un filtre pour nuancer votre image et ajouter une transition d'affichage originale. Deux options principales permettent de définir le style de votre hover: startEffect: Pour l'effet sur l'image à la base (transparent, normal ou overlay) hoverEffect: Pour l'effet d'apparition de l'image au survol de cette dernière (16 effets disponibles !) Bien sûr vous pourrez aussi contrôler d'autres options comme l'opacité de l'image à la base, la vitesse de l'effet de hover, les nombre de carrés/colonnes pour les animations spécifiques... Très simple à mettre en place:

Sequence est un slider jQuery avancé permettant de créer des effets de transitions très réussies et aux possibilités illimitées. Sequence est un slider jQuery avancé permettant de créer des effets de transitions avancés et aux possibilités illimitées. Face à la foison des slideshow et sliders jQuery sur le marché, il faut réussir à se démarquer ! Et le plugin jQuery Sequence le fait fort bien! A travers un système d'animations recherché, vous pourrez enfin donner du peps à votre slideshow démodé qui orne votre homepage. L'objectif mis en avant par Sequence est de pouvoir créer son propre style de slideshow, sans thème prédéfini. Les 3 démos proposées, toutes différentes en terme de style, sont d'ailleurs très réussies (Sur les navigateurs modernes qui supportent lesanimations CSS3).

L'AB Testing est une technique très répendue dans le domaine du Webmarketing, e-commerce ... permettant de comparer l'efficacité de deux versions de design, textes, dispositions ... jQuery AB permet à l'aide de l'insertion d'un bout de code Javascript de mettre en place ce système: Les visiteurs verront aléatoirement la version A ou la version B. A l'aide d'appels Ajax, le script va loguer les différentes actions des utilisateurs vous permettant ensuite de générer vos propres statistiques d'utilisation, puis appliquer les formules mathématiques permettant de savoir quelle version est la plus efficace. Imaginons que nous souhaitons tester l'efficacité d'un texte pour s'inscrire sur notre site:

jQuery address picker est un plugin jQuery UI permettant de créer facilement un widget de sélection d'adresse postale, directement lié à l'API Google Maps.

XColor est un plugin Jquery vous permettant de manipuler aisément les couleurs de vos éléments HTML. Exemple avec XColor Grâce à la fonction $(this).animate, vous modifiez le CSS d'un élément pour changer la couleur de ce dernier. Jusque là, on pouvait très bien le faire manuellement avec notre fonction faîte maison, mais ce n'est pas tout: La fonction $(this).animate vous permet également de changer les couleurs de vos éléments en fonction du temps, pour faire un background animé qui change de couleur par exemple, mais surtout, une autre fonction XColor, vous permet de calculer différentes opérations sur des couleurs (le principal intérêt du plugin). Vous pouvez ainsi faire de multiples actions qui vous seront sûrement utiles, comme: