Magazine Internet

8 scripts Javascript pour sublimer votre site

Publié le 05 avril 2008 par Jbjweb

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

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

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

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

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

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

ImageMenu

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

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

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.


Retour à La Une de Logo Paperblog

A propos de l’auteur


Jbjweb 18 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossiers Paperblog

Magazine