jQuery

TwitterFacebook
Get flash to fully experience Pearltrees
It is always hard to guess how users browse + how they perceive the content and flow of a website or web app. There are tools to analyze these as much as possible and, using methods like A/B testing, improving the usability is always possible. However, it is always a great idea to guide users whenever they want . Nothing to lose on that for sure. There are awesome jQuery plugins that ease guiding users and creating site/page tours for them.

11 Awesome “jQuery Site Tour Plugins” For Guiding Users With Style

http://www.webresourcesdepot.com/11-awesome-jquery-site-tour-plugins-for-guiding-users-with-style/

Typeahead.js – A jQuery Autocomplete Plugin By Twitter

Twitter has open sourced a very nice project named Typeahead.js for building smart auto-complete form fields . It comes as a jQuery plugin , shows suggestion as-users-type and can feature top suggestions with the help of styling. The plugin can work with both local or remote datasets and it is optimized for speed as it can prefetch the dataset, store it on the client-side and run the queries quickly. http://www.webresourcesdepot.com/typeahead-js-a-jquery-autocomplete-plugin-by-twitter/
http://noraesae.github.com/perfect-scrollbar/

perfect-scrollbar

Tiny but perfect jQuery scrollbar plugin. perfect means... There's no css change on any original element Do not affect the original design layout

Revolutionary Lightbox Plugin

http://ilightbox.net/#html_iframe iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, iLightBox aims to push the Lightbox concept as far as possible. Need reasons to love iLightBox?
BlackAndWhite est un plugin jQuery qui permet de générer une image en noir-et-blanc à partir d’une image en couleur, avec la possibilité de mettre en place une animation au rollover faisant apparaitre soit l’une, soit l’autre. Passez au noir et blanc ! Le plugin peut facilement convertir n’importe quelle image couleur en une image noir et blanc avec niveaux de gris . Pour cela, il utilise l’élément HTML5 canvas et propose une solution de repli pour les anciens navigateurs. Ainsi, on peut afficher une liste d’images dé-saturées qui s’animent pour reprendre leurs couleurs initiales au rollover, et inversement. http://www.megaptery.com/2013/01/blackandwhite-images-noir-blanc-jquery.html

BlackAndWhite, passez vos images en noir et blanc avec jQuery

Press some keys... A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts. http://robertwhurst.github.com/KeyboardJS/

KeyboardJS Demo - "Build your app, I'll handle the keys."

http://themergency.com/footable/

FooTable | Themergency

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them. What Does It Do? FooTable transforms your HTML tables into expandable responsive tables. This is how it works:
http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin Create jQuery Feature Tours in a Breeze Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings. Joyride is extremely flexible and lets you take control of how people interact with your tour.

jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com

Allofthelights.js est un plugin jQuery, développé par mes soins, qui permet d’éteindre la lumière sur votre site web lorsque vous regardez une vidéo. Une manière simple et originale de mettre en avant une vidéo et de proposer aux spectateurs des conditions confortables à la lecture, un peu comme dans un cinéma. Que la lumière… ne soit plus Allofthelights.js fonctionne avec toutes les iframes vidéo (YouTube, Vimeo, Dailymotion, etc), et plus largement avec n’importe quel élément HTML. Il existe une dizaine d’options pour configurer le plugin : vous pouvez personnaliser le background (couleur, opacité), contrôler la vitesse d’animation de type ‘fade’, rendre la vidéo responsive grâce à FitVids.js (elle s’adapte alors automatiquement à son conteneur dans les limites du lecteur utilisé), définir le z-index exact du background, ou encore personnaliser totalement le style CSS des interrupteurs on / off. Vidéo avec la lumière allumée http://www.megaptery.com/2012/09/allofthelights-eteindre-lumiere-video-jquery.html

Allofthelights.js, éteindre la lumière lorsqu’on regarde une vidéo avec jQuery

http://www.webresourcesdepot.com/create-pdf-files-with-javascript-jspdf/

Create PDF Files With JavaScript – jsPDF

PDF files that are created online usually make use of the server-side languages (and their extensions/libraries for PDF). jsPDF , a free JavaScript library, doesn't need any server-side script and can create PDF files on the client-side . It has support for text (styling is possible), drawing shapes and images . Also, the document can be set as landscape and metadata like subject an title can be added as well. The library works with no requirements in modern browsers and has a Flash-fallback for the others. <p style="text-align:right;color:#A8A8A8"></p>
gMap est un plugin jQuery très léger pour intégrer le service Google Maps à votre site. Très flexible et customisable, il vous permettra d’adapter à tous vos besoins les possibilitées offertes par l’ API .

gMap - Un plugin jQuery pour GoogleMaps

Topic: jQuery (Flot) & CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3.

How to Create an Interactive Graph using CSS3 & jQuery

How to: Customizing and Theming jQuery UI Datepicker

jQuery UI is simply awesome and due to the ease of use, it is popular and widely used in almost any website that need interactive features. And, in this post, we’ll look at one of the features provided, the Datepicker widget . We will try to learn how to customize the calendar theme, so that you will be able to create your own theme that will correspond to your overall design.

4 plugins jQuery pour un effet de Parallaxe

L’effet de Parallaxe ou plus précisément de Défilement Parallaxe nous est décrit comme cela par Wikipédia (paragraphe « défilement différentiel ») :

Roundabout for jQuery by Fred LeBlanc

It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results .