PUBLIC MARKS from eledo34 with tag plugin

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

Stickymojo est un plugin jQuery qui permet de mettre en place une sidebar flottante qui suit le scroll du navigateur. Pratique pour des éléments qui doivent être en permanence visibles, le script permet de définir des zones autorisées et évite les collisions entre blocs HTML.

Voici aujourd’hui Roundabout petit plugin jQuery surpuissant pour faire des carrousels html de vos listes. Ce plugin jQuery permet donc de transformer vos listes html en carrousel avec des transitions plutôt pas bien faites. Côté pratique il permet de créer des carousels, des slideshows mais aussi des animations 3d tournantes, l’affichage de défilement de chiffres version compteur à l’ancienne et un « sélecteur de mot » qui pourrait être utilisé comme des select dans les formulaires.

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:

Vous souhaitez réaliser un effet d’onglet rétractable sur votre site internet ? Vous souhaitez un bloc de contact qui se dévoile lorsque vous cliquez sur un onglet « Contact » calé sur le bord de votre page de site web ? Vous avez vu ça quelque part, mais ne trouvez pas le plugin jQuery adéquat ? jQuery Slick Plugin est là pour vous permettre de réaliser cet effet.

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.

Slidorion est un plugin jQuery mêlant habillement le concept des sliders d'images avec un accordéon de contenu. Slidorion est un plugin jQuery mêlant habillement le concept des sliders d'images avec un accordéon de contenu. Une façon originale de présenter vos dernières articles, fonctionnalités, offres ... avec image et contenu textuel. Contrairement aux slideshow classiques, vous aurez la possibilité d'accorder plus d'importance au texte associé. Et comme tout bon plugin jQuery qui se respecte, son utilisation est très simple:

Une longue liste à afficher? Un manque de place? VerticlaSlider va pouvoir vous aider. Ce plugin JQuery fait s’aficher une liste d’une façon plutôt élégante. Mode d’emploi… Comme d’habitude, on va commencer par inclure jquery et les copains :

jQuery radioSwitch est un plugin créé par Ammon Casey dont l’objectif est de transformer des boutonsradio HTML en superbes Sliders d’un coup de magie CSS3 et Javascript. Il suffit d’envelopper les boutons radio avec un container sur lequel s’effectuera l’appel de la fonction. Chaque bouton radio doit posséder un label avec l’attribut for pointant vers l’identifiant du bouton correspondant.

Formulaire avec ajout zone à la volée - injection data - livré avec API - Sympa à regarder de + près

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:

SimpleSlide. Un plugin, comme son nom l’indique, simple et efficace. Avec ce slider, on n’est pas obligé de faire slider des images, on peut faire défiler le contenu que l’on souhaite ! Par contre, au niveau des options, c’est un petit peu plus léger que le plugin JQuery précédent. On y retrouve les classiques : vitesse et délais, des options pour la barre de statut (elle ne sert pas à naviguer), un callback et c’est à peu près tout. Et si l’on veut ajouter des flèches de navigation (comme ci-dessus), il suffit d’ajout des div avec les bonnes classes (« left-button » par exemple) et le bon attribut « rel ». Avec cette méthode, tu peux aussi faire un bouton de type « jump to » si on veut amener le visiteur à un slide particulier. D’autres démos de ce plugin sont disponibles ici. Et à noter que tout le contenu du site est dans un SimpleSlide !