Que vous soyez ou non développeur, Javascript peut vous aider à littéralement sublimer votre site ou blog avec des effets dignes des plus grands site du web. Voici une liste compilée par mes soins de 8 scripts élégants, utiles et faciles à mettre en place qui donneront à coup sûr une touche professionnelle à votre site.
SmoothGallery
SmoothGallery m’a tellement séduit que ce script à fait l’objet d’un article dédié il y a une semaine. Basé sur l’excellent framework Mootools, SmoothGallery vous propose de créer une galerie d’images légendées avec un effet de fading saisissant.
instant.js
Envie d’afficher vos images sous forme de Polaroïds? Instant.js ajoutera dynamiquement une bordure ainsi qu’une ombre. Il est même possible de faire pivoter légèrement les images. Un effet intéressant pour celui qui ne souhaite pas éditer ses images manuellement sous Gimp ou Photoshop.
fancyform
Bien que CSS offre de très nombreuses possibilités de customisation de formulaires, il est à l’heure actuelle impossible de styler certains éléments tels que les boutons radio ou les checkboxes.
Totalement non-intrusif, après avoir inclus le fancyform dans votre page html il ne vous restera qu’à ajouter des classes (checked où unchecked) aux éléments à styler afin de bénéficier de ce rendu visuel particulièrement réussi.
mootable
Comme son nom l’indique, mootable est lui aussi basé sur Mootools. Ce script permet de réorganiser les données d’un tableau sans rafraichir la page. Un must pour les appli web!
Gradient.js
Autre petit script dont j’ai déja parlé il y à quelques temps, Gradient.js est capable de générer des dégradés de couleurs d’une manière totalement non-intrusif. Il ne s’agit pas là d’une révolution mais d’un script qui saura rendre de bon et loyaux service à quiconque ne maîtrise pas l’édition graphique.
image menu
Depuis quelques mois, on voit de plus en plus ce genre de menu. Un aspect visuel saisissant couplé à un code xhtml sémantique (Il s’agit d’une simple liste) et un Javascript très propre ont garanti son succès. Bonne nouvelle, image menu est également très facile à mettre en place.
reflexion.js
Autre tendance actuelle du webdesign, ces reflets sur les textes et images que l’on retrouve sur un grand nombre de sites. Reflexion.js vous permettra d’ajouter dynamiquement un reflet entièrement paramétrable à vos images. Dans le même esprit que Gradient.js ou instant.js, reflexion.js sera surtout utile au développeur non-graphiste. Bien que le site du projet soit complet, on regrettera toutefois qu’il soit exclusivement en Allemand.
imageflow
Si vous utilisez Mac OS X Leopard, je suis certain que vous êtes fans de Coverflow, cette présentation visuelle des fichiers intégrée à la dernière version de l’OS d’Apple.
ImageFlow est exactement la même chose, en version web. Malgré la complexité relative du script, le tout est d’une fluidité saisissante.