[JS] Ajouter un loader pendant le chargement de vos pages web
Il arrive parfois que certaines pages d’un site internet prennent un moment pour se charger complètement. Cela s’explique par une grande quantité d’images « lourdes » ou une masse de code à interpréter. Autant de notions qui n’existent pas dans la tête d’un utilisateur lambda qui viendrait visiter votre site. Le meilleur moyen de l’informer et de […]
[JS] Tooltipster – Tooltip jQuery moderne et flexible
Tooltipster est un plugin jQuery qui permet de mettre en place des tooltip (infobulles), au hover sur n’importe quel élément HTML. Facile à prendre en main, le script est moderne et flexible avec une interface totalement customisable. Une infobulle à base de CSS Le plugin génère des infobulles dont le style est entièrement personnalisable via […]
[JS] ThreeSixty Slider – Slider d’image à 360°
Que ce soit pour mettre en place un panorama 360° d’un paysage sur votre site, ou un slider 360° pour présenter vos produits sur votre e-commerce, l’utilisation de slider 360° peut apporter une vraie plus value pour vos visiteurs. ThreeSixty Slider, est un plugin jQuery permettant de le faire. Le fonctionnement est plutôt simple, vous […]
[JS] AyaSlider – Slider avec des animations in-slides
AyaSlider est un petit nouveau dans le monde des sliders jQuery fait son entrée. En plus de remplir ses fonctions de slider pour faire défiler les images ou contenu HTML, AyaSlider ajoute une dimension de contenu animé à l’intérieur des slides. Ainsi, le plugin jQuery propose 2 niveaux d’options, au niveau global : easeIn : […]
[JS] Style sur les formulaires
Si vous devez faire un design au « pixel près », vous serez embêté avec les formulaires. Cas 1 – Formulaire par defaut Si le graphiste à laissé les styles par défaut, ça devrais vous faciliter le travail, mais… Chaque navigateur à son propre rendu d’affichage et le plus embêtant dans ses styles c’est … (roulement de […]
[JS] jBar – Créer une barre call to action avec jQuery
jBar est une combinaison d’instructions jQuery permettant de créer des barres call to action qui permettent d’ajouter une zone d’information cachée par défaut (ou pas) avec un ruban incitant l’utilisateur à cliquer dessus pour afficher le contenu de cette dernière. Cette pratique est intéressante pour ajouter des infos sans détourner de prime abord l’attention de […]
[JS] floatShare – Boutons de partage sociaux sur vos pages
Si vous souhaitez donner la possibilité à vos visiteurs de partager vos actus, vos produits, vos photos, vous devrez donc afficher les différents boutons sociaux: Facebook, Twitter, Google+, voire même LinkedIn, Digg … floatShare est un plugin jQuery qui permet d’afficher les boutons de partage sociaux sur le côté de votre site avec possibilité de […]
[JS] Ajouter un bouton « Remonter » avec jQuery
Pour ajouter un bouton « Remonter » ou « Retour en haut de page », il suffit d’ajouter un div transparent en bas de page qui permet de remonter tout simplement en haut de page. Bien entendu on va ajouter des petits effets jQuery histoire de rendre cela un petit peu plus agréable pour les yeux… Le code jQuery […]
[JS] VintageJS – Plugin jQuery pour créer des effets vintage sur images
VintageJS est un plugin jQuery permettant d’ajouter un look vintage à vos images web. Avec le succès des effets Instagram, plusieurs scripts et classes PHP comme Instagraph ont vu le jour. Son fonctionnement est très simple, comme tout plugin jQuery, il suffit d’initialiser le script sur un sélecteur précis: De multiples options permettront de changer […]
[JS] Jarallax – Créer un site en scrolling vertical facilement avec jQuery
Jarallax est un plugin jQuery permettant de créer des effets parallax lors du scroll vertical sur vos sites web, il permet de donner une dynamique de profondeur et d’animation à un site web ou une bannière. Il permet de combiner navigation en scrolling vertical et parallax en un plugin Javascript. La navigation verticale peut se […]