public marks

PUBLIC MARKS from eledo34 with tags jQuery & web

2014

2013

FlipClock.js - Créer une horloge, un chronomètre ou un minuteur - La Ferme du web

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

2012

Freetile.js - Un plugin jQuery type masonry pour layout responsive - La Ferme du web

(via)
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 - Un plugin jQuery pour gérer des effets de hover sur images - La Ferme du web

(via)
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 - Un slideshow jQuery survitaminé avec animations CSS3 - La Ferme du web

by 1 other (via)
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).

Noty - Un plugin jQuery pour créer des notifications avancées - La Ferme du web

(via)
Envoyer des alertes, messages de confirmation ou d'erreur est essentiel dans un site web pour ne pas perdre l'utilisateur. Et plutôt que d'utiliser des alert ou confirm javascript ... (qui le fait encore ?), autant utiliser un plugin jQuery qui le fait bien non ? Noty permet de créer facilement des notifications positionnées à différents endroits: Header Footer Centre Coin haut gauche Coin haut droit Centré en haut ... Il suffit de jouer sur l'option layout pour modifier le positionnement de la notification.

2011

jQuery AB: Un plugin jQuery pour faire de l'AB Testing facilement - La Ferme du web

(via)
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 - Vos adresses auto complétées via Google Maps - La Ferme du web

(via)
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.

jQuery Timelinr - Créer un slider de timeline avancé avec jQuery - La Ferme du web

(via)
jQuery Timelinr est un plugin jQuery permettant de créer une frise chronologique sous forme de slider dynamique. jQuery Timelinr est un plugin jQuery permettant de créer une frise chronologique sous forme de slider dynamique. Présenter les dates clés d'un projet, d'une entreprise... sur son site n'est jamais chose aisée. Grâce à Timelinr, vous aurez la possibilité de créer en quelques lignes de code jQuery un slider dynamique pour associer vos dates à un contenu. La navigation se fait très facilement entre les dates avec un effet de transition sympa qui donnera tout de suite du style à votre frise chronologique.

Elycharts - Créer des graphes dynamiques en Javascript - La Ferme du web

(via)
Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Cette librairie très simple d'utilisation vous permettra de créer des graphes et diagrammes de différents types: Graphes courbe et lignes Diagrammes d'aires Diagrammes en barres / Colonnes Graphes combinés en barres + lignes Camemberts Etc L'intérêt de la librairie est l'interactivité avec l'utilisateur. En effet, au survol des légendes peuvent être affichées, des effets dynamiques sur les parties du camembert etc. sans flash !

Grumble.js - Des tooltips en forme de bulle avec positionnement à 360° - La Ferme du web

(via)
Grumble.js est un plugin jQuery permettant de créer des tooltips en forme de bulle sans limitation de positionnement. Grumble.js est un plugin jQuery permettant de créer des tooltips en forme de bulle sans limitation de positionnement. A l'aide de ce plugin, vous aurez la possibilité de mettre en place des bulles d'info ou d'aide très rapidement sur vos applications web. Les bulles ne sont pas comme les tooltips classiques, elles sont rondes et s'adaptent automatiquement au texte qu'elles contiennent. Il est possible de combiner plusieurs options comme l'angle de positionnement de la bulle (360°), afficher ou non le bouton fermer, durée avant de fermer automatiquement la bulle ...

jDiaporama v3 : le diaporama jQuery est de retour ! | Développement Web, Webdesign, SEO, Multimédia - Guillaume Voisin, Ingénieur Web

by 1 other (via)
Moins d’un an après la sortie de la version 2 de jDiaporama et plus de 35 000 pages vues, je vous présente aujourd’hui la toute dernière version dotée de nombreuses nouvelles fonctionnalités ! Au programme de cette nouvelle version : Affichage de miniatures pour contrôler le diaporama Pas moins de 12 nouvelles animations de transitions ! Ajout et configuration d’easing pour certaines animations Ajout de contrôles externes pour interagir avec le diaporama Ajout de nombreuses fonctions de callback Choix de la position des miniatures (dessus / dessous) Version pack de seulement 20 ko ! Gestion partielle de la cohabitation d’images au format portrait et paysage Ajout d’un mode debug Diverses optimisations, améliorations et corrections de bugs

FlickrBomb - Des images Flickr pour vos maquettes HTML en une URL - La Ferme du web

(via)
FlickrBomb est une librairie jQuery permettant d'afficher des images pertinentes en provenance de Flickr pour ses maquettes HTML/CSS.

2010

XColor - Un plugin JQuery pour manipuler les couleurs d'éléments HTML - La Ferme du web

(via)
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:

ScriptSrc.net - Copiez la déclaration des librairies JS en un clic - La Ferme du web

(via)
ScriptSrc.net est un service web simple mais très pratique permettant de copier en un clic la ligne de code HTML permettant d'intégrer les différents frameworks JS dans une page web.

2009