mardi 11 février 2014

Des plugins jquery à ne pas manquer

Dans ce ticket je vous fait part de quelques plugins Jquery que j'ai pu utiliser sur un projet. Ils ont fait l'objet de tests, comparaisons et ont passés la ligne d'arrivée haut la main! Certains sont déjà bien connus et d'autre le mériteraient un peu plus :).


Mcustomscrollbar

Ce plugin vous permet de mettre en valeur vos ascenseurs que ce soit sur une page entière ou sur un élément spécifique. Très simple à mettre en œuvre, il offre une multitude d'option de configuration et de thèmes.
DEMO | SITE WEB


Chardin  

Certains utilisateur (souvent plus novice) se retrouvent perdu en arrivant sur un nouveau site. C'est pourquoi il est important de leurs expliquer les règles de base et le bon fonctionnement de vos pages.
Il existe un grand nombre de plugins pour mettre en place une visite guidée sur votre site mais Chardin.js est le seul à avoir retenu mon attention en se distinguant des autres par son originalité.
Le résultat attendu n'est pas toujours au rendez-vous il faut souvent bidouiller du css pour obtenir quelque-chose de propre.
DEMO | DOCUMENTATION

Feedback.js

Laissez la possibilité aux visiteurs de vous remonter les bugs présents sur votre site.
Feedback.js est un outil très complet qui permet aux utilisateur de vous laisser un feedback facilement (description + screenshot).
Le + : un système d'assombrissement et de surbrillance pour masquer ou mettre en avant les éléments du site qui posent problèmes. Un screenshot est ensuite généré et vous est envoyé par email.
DEMO (cliquez sur le bouton feedback en bas à droite de la page)

HighCharts

 
Mise en page de graphiques...
Parmi ses concurrents c'est le seul qui a su me séduire. Ils ont tous leurs avantages et leurs inconvénients
DEMO | SITE WEB

Jcrop

Très utilisé, ce plugin permet de charger une image et de la redimensionner à l'aide d'une "area" placée au dessus de votre image.

jqueryImageUpload

Sélectionnez vos images et uploadez! Ce script gère bien évidemment l'envoi multiple sans mise place d'élément flash avec facilité et une palette d'option plutôt appréciable.
DEMO | SITE WEB


Masonry

L’immanquable effet à la 'Pinterest'! C'est pas faute d'avoir essayé de le faire 100% main en css mais il y a toujours un couac!
DEMO | SITE WEB

noUISlider

Un simple slider...
DEMO | DOCUMENTATION

Vintage

Vos photos manquent de cachet? C'est terminé! Avec vintage.js, offrez un style retro à vos photos!
Attention, le chargement peut quelques fois s'avérer un peu long selon le nombre d'images à traiter et les effets appliqués.
DOCUMENTATION