Tutorial JQuery : creer un nuage de tag en pseudo 3d (via devirtuoso)

jquery-nuage

Tutorial JQuery trouvé sur le blog devirtuoso : créer un nuage de tag en (pseudo) 3d. Le tutorial (en anglais) est bien expliqué et donne tout le code HTML, CSS et JQuery. Il est très simple de reproduire (ou de repartir) du code donné, le code étant propre.

L’effet ainsi réalisé peut être une très bonn alternative au plugin pour flash (wp-cumulus pour WordPress) qui affiche aussi un nuage de tags en 3d. Mais cela reste du flash avec les désagréments que l’on connaît (la SEO notamment). Mais wp-cumulus reste au final plus joli et plus ergonomique.

A noter que l’on trouve aussi sur le blog une variante avec un effet de « vagues » (sympa mais pas très ergonomique !)

Ce contenu a été publié dans JQuery, avec comme mot(s)-clé(s) , , . Vous pouvez le mettre en favoris avec ce permalien.

3 reponses a Tutorial JQuery : créer un nuage de tag en pseudo 3d (via devirtuoso)

  1. Trop lourd pour mon ordinateur un peu ancien, même sous FF 3.5… Dommage, c’est une alternative intéressante !

  2. arnaud dit :

    Bah pourtant chez moi je l’avais trouvé fluide… 😀

  3. philc dit :

    Effectivement, même sur un MacBook Pro dernière génération et FF 3.5 ou Safari 4, ce n’est pas très fluide. L’animation est saccadée. Ca n’a rien à voir avec wp-cumulus en terme d’expérience utilisateur.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *