[Im]Pressions - Le truc à Imrallion

Si comme moi vous n’êtes pas capable d’écrire une seule ligne de Javascript, alors ce post est fait pour vous. Comment? Et bien c’est simple, pour la petite histoire, j’ai un peu travaillé avec jQuery ces temps-ci, et pour avoir joué avec ces scripts, je peux assurer que de simples connaissances en (x)html / css et un peu d’implémentation de Javascript vous permettront de donner un peu de mouvement à vos pages… avec ces 5 Scripts jQuery Rappellons la base, ne mélangez JAMAIS les librairies Javascript qui vous sont proposées. Conctèrement, en utilisant Mootools et jQuery par exemple, rien ne fonctionnera sur vos pages. N’en choisissez qu’une, en tout et pour tout.

ShadowBox

Le script qui m’a le plus surpris, incontestablement. C’est une alternative à lightbox (qui tourne sur prototype), et très certainement une des meilleures « lightbox » tournant sur jQuery. Elle affiche tout type de médias (images, vidéos, flash, iFrames …), et de manière très confortable. Son intérêt réside dans son installation. Linkez le fichier JS (balises <script>) et le fichier css dans votre header, il se charge du reste, il reconstruit virtuellement son arborescence et reconnait même la lib que vous utilisez (il peut tourner sur mootools, jquery et autres…). Seul défaut, seul la balise titre donne des infos sur le média affiché, on ne peut pas rajouter de description.
Site – Demo sur la homepage

jQuery UI Tabs

Alors là, c’est un peu compliqué au premier abord, mais l’implémentation est plutôt simple au final. Jquery UI est un framework pour jQuery qui permet la mise en place facile de certains éléments. Une sorte de plugin pour jQuery. La fonction tabs est très simple à mettre en place, une fois que le framework est intégré (à télécharger avant toute chose). Ce script permet donc d’afficher du contenu relatif à divers onglets, sans recharger la page (attention, ce n’est pas du Ajax, c’est juste un affichage/masquage de DIVS).
En fouillant sur le site, vous trouverez d’autres scripts faciles à intégrer (progress bars, accordion, sliders etc…)
Site – Demo

jquery.scrollable

Un script facile à implémenter, permettant de créer un « carousel ». Facile à installer, facile à configurer, et facile à customiser. De nombreuses options permettent une implémentation parfaite : Version horizontal, Vertical, Scroll avec/sans boutons, Scroll avec la molette de la souris, nombre d’items à scroller etc…). Très bien foutu, il peut néanmoins s’avérer un peu capricieux si il est couplé avec d’autres scripts. La documentation s’avère utile.
Site – Demo complète sur la homepage, autres démos à voir sur le site.

jQuery ajax form

Si vous avez besoin d’implémenter un formulaire de contacts sur votre site, alors ce script est idéal. D’une part, c’est de l’Ajax, ce qui permet au « formulaire » de juger la manière de traiter les informations saisies, et d’une autre part, il fourmille d’options utiles (champs obligatoires, reconnaissance d’emails, d’url, AVEC feedback visuel lors de la saisie d’informations). Bien documenté, et bien foutu.
Site – Demo

Voilà, je précise, je n’assure pas le service après vente de ces scripts
Bon jeu, et amusez vous bien

Tags: 5 scripts, ajax, ajax form, Graphisme, javascript, jquery, js, lightbox, scrollable, shadowbox, ui tabs, web

Ce billet a été posté le Mardi, mai 26th, 2009 à 18:42 et classé dans Graphisme, WebDev. Vous pouvez suivre les commentaires sur le flux RSS 2.0 des commentaires. Vous pouvez laisser une réponse, ou bien faire un trackback depuis votre site.