public marks

PUBLIC MARKS with tags web & jQuery

2016

2015

JQUERY - TUTO - Iframe - Créer un élément HTML dans le DOM avec jQuery

by decembre
Le sélecteur jQuery est la plupart du temps utilisé pour sélectionner des éléments existant dans le DOM, via une règle CSS. Mais le sélecteur peut aussi créer de nouveaux éléments HTML de manière extrêmement simple ! Voici un petit exemple très simple qui créé un élément div , écrit "Salut !" à l'intérieur, puis enfin ajoute cet élément à la fin de la page web (en l'ajoutant à la fin body) :

2014

2013

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

by eledo34 (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

by eledo34 (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

by eledo34 (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 eledo34 & 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

by eledo34 (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

by eledo34 (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:

PUBLIC TAGS related to tag web

accessibilité +   canada +   ledevoir +   non-voyants +   québec +   témoignage +   utilisateur +  

Active users

mixher
last mark : 06/07/2016 16:46

decembre
last mark : 13/02/2015 10:13

ghis
last mark : 06/01/2015 18:55

eledo34
last mark : 14/02/2014 07:25

nicmae
last mark : 19/11/2013 08:58

astrochoupe
last mark : 13/11/2013 16:12

jdrsantos
last mark : 12/08/2013 14:02