Passer au contenu

UIZE, un framework JavaScript orienté Objet

Pour être interactifs et plus agréables à naviguer, la plupart des sites utilisent le JavaScript et parfois l’Ajax. Il existe des frameworks JavaScript très facile à…

Pour être interactifs et plus agréables à naviguer, la plupart des sites utilisent le JavaScript et parfois l’Ajax. Il existe des frameworks JavaScript très facile à utiliser, qui permettent d’écrire un code JavaScript accessible (tous les navigateurs récents sont supportés) et ce rapidement. Les plus utilisés sont jQuery, Mootools et script.aculo.us.

UIZE est un nouveau framework open source et gratuit JavaScript particulièrement orienté Objet. Il supporte les widgets, l’AJAX, DOM et les templates. Il est développé par une équipe de développeurs expérimentés et est déjà utilisé sur Zazzle.com, une plateforme de sites e-commerce. Difficile pour le moment de le comparer aux 3 piliers cités plus haut mais il a l’air relativement complet.

On peut citer quelques exemples de ce qu’il peut faire : slideshow, effets de fondu, effets au survol d’images, tableaux triables, calendriers, onglets, carrousel, infobulles complexes, etc. Je ne fais que reprendre les exemples du site, mais je vous invite fortement à tester !

J’ai récupéré le code d’un effet au survol des miniatures :

<script type="text/javascript">      window.$page_thumbnails1HoverFader = {      widgetClass:'Uize.Widget.HoverFader',      nodes:{root:'thumbnails1',className:/\bthumbnail\b/},      defaultStyle:{backgroundPosition:'left 20px',lineHeight:200,  color:'#0'},      hoverStyle:{backgroundPosition:'left 0px',lineHeight:170,  color:'#f'},      fadeIn:{duration:400,deceleration:1},      fadeOut:{duration:400,deceleration:1}  };  </script>

Si on voulait traduire ce code JavaScript en français, cela donnerait : on demande la classe requise pour cet effet, on sélectionne les éléments voulus (les miniatures dans ce cas précis), on choisit les styles (celui par défaut et au survol) et on applique des effets de fondu pour finir.

La documentation n’est pas aussi complète que celle de jQuery mais il y a déjà pas mal de données et exemples notamment. Si vous téléchargez UIZE, ne prenez pas peur à la taille du zip (6.9 Mo quand même) : il contient tout le site avec les news, la documentation, les exemples, les outils et les tests. Seul le dossier js suffira pour bidouiller quelques effets (pas besoin des sous dossiers avec la source).

📍 Pour ne manquer aucune actualité de Presse-citron, suivez-nous sur Google Actualités et WhatsApp.

Opera One - Navigateur web boosté à l’IA
Opera One - Navigateur web boosté à l’IA
Par : Opera
22 commentaires
22 commentaires
  1. Pas comparable avec Mootools en tous cas.

    Si on sort des effets UIZE qui n’apportent pas grand chose à l’utilisateur, on fait vite le tour de ce qui est proposé. :-\

  2. Sympa les exemples sur le site… Par contre au niveau syntaxe, c’est bien lourd… Enfin, pas très logique (par rapport à mootools surtout)

  3. intéressant.
    j’aime bien le download du site entier 🙂
    je fais des sites en intranet et pouvoir tester les exemples en local, c’est bien cool.

  4. Je trouve la syntaxe vraiment horrible, alors que le but d’un tel framework est avant tout de permettre d’avoir une approche syntaxique facile et élégante… Ca ne me fera pas quitter jQuery…

  5. @megaspoilt : pas faux, difficile de faire mieux que jQuery ou mootools c’est sûr. Après c’est comme tout, ça s’apprend une syntaxe, reste à la retenir quoi. 😛

    @Mulasse : prototype il est dans le kit de script.aculo.us non ?

  6. Ou Dojo …mais je trouve le billet surtout un peu trop technique pour presse citron. Des blog concernant l’ajax il y en a déja un packet et qui font bien leur travail.

  7. Scriptaculous n’est qu’un add-on du célèbre framework Prototype.

    La syntaxe de ce nouveau framework est vraiment horrible, je ne sais pas s’il se développera.

  8. Si on veut comparer quelques choses à mootools et jquery, je pense que c’est prototype et non pas script.aculo.us qui se sert en faite du framework prototype pour créer des interfaces dynamiques.
    Personnellement je me sert de prototype pour le dev et je suis assez fan.

  9. UIZE est un nouveau framework open source et gratuit JavaScript particulièrement orienté Objet.

    En même temps c’est la nature même du JS qui veut ça 🙂 (cependant le JS n’est pas class-ique…)

    Pour ceux qui débattent que jQuery VS Mootools, je vous conseille ce -long mais très intéressant- comparatif http://jqueryvsmootools.com/

  10. la syntaxe n’a pas l’air super optimisé quand même… quand on voit les autres frameworks, ils ont l’air plus aboutis.

    @Mulasse: avant j’utilisais prototype, mais après avoir essayé mootools, je trouve qu’il est plus léger et plus réactif (avec des plugins mieux pensé)

    @Camille: en effet, script.aculo.us n’est qu’une librairie de plugins reposant sur prototype. J’attends de voir ce que va donner la v2 (http://scripty2.com/)

  11. C’est donc le retour en force du Javascript .. Il y a quelques année on conseillait au Internaute de dé-valider le javascipt de leur navigateur. si je comprends bien, UIZE est une bibliothèque de fonctions Javacript ? Alors pourquoi appeler ça un framework ?

  12. En tout cas, jQuery (que j’utilise régulièrement) va avoir du mal à être détonné.
    Il a été adopté par Microsoft pour ASP.NET et sera donc utilisé par tous les développeurs .NET dans l’avenir, en tout cas par défaut.

  13. uize is under gpl! so if you use it you have to publish your whole website under gpl too… other frameworks dont have this restriction

Laisser un commentaire

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