Connect with us
Red top

Internet

UIZE, un framework JavaScript orienté Objet

Il y a

le

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.

usize

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).

22 Commentaires

22 Commentaires

  1. marketing+chine

    12 août 2009 at 8 h 29 min

    Et ben dis donc vous êtes bien matinal…hehe

  2. Topper

    12 août 2009 at 8 h 55 min

    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é. :-\

  3. megaspoilt

    12 août 2009 at 9 h 11 min

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

  4. jcfrog

    12 août 2009 at 9 h 11 min

    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.

  5. DownMine

    12 août 2009 at 9 h 40 min

    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…

  6. Mulasse

    12 août 2009 at 9 h 55 min

    T’aurais pu citer prototype :p
    Surtout qu’il est bien mieux de que mootools

  7. Camille

    12 août 2009 at 9 h 59 min

    @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 ?

  8. Tom

    12 août 2009 at 10 h 27 min

    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.

  9. Antoine

    12 août 2009 at 10 h 41 min

    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.

  10. YassBoule

    12 août 2009 at 10 h 44 min

    IE 6 supporte ces framework ? 🙂

  11. Scrubs

    12 août 2009 at 12 h 12 min

    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.

  12. Cerium

    12 août 2009 at 15 h 06 min

    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/

  13. Gafa

    12 août 2009 at 15 h 11 min

    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/)

  14. Kitof

    14 août 2009 at 16 h 38 min

    Je me permet d’y ajouter le très bon ArchetypeJS (http://archetypejs.org/) pour alimenter le débat.

  15. Lionel

    14 août 2009 at 19 h 24 min

    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 ?

  16. kim

    14 août 2009 at 23 h 41 min

    On apprend toujours avec vous, merci

  17. Pascal L

    15 août 2009 at 14 h 46 min

    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.

  18. Alias+Docteur+House

    18 août 2009 at 12 h 50 min

    Javascript célemal !!! il faut le désactiver et revenir à IE 6.0 !!!

  19. Anonyme

    18 août 2009 at 19 h 48 min

    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

  20. Galdon

    19 août 2009 at 14 h 58 min

    Je croyais que le javascript c’était déjà objet à la base…

  21. Mikaelcom

    22 août 2009 at 23 h 05 min

    Et YUI, vous connaissez ? En tout cas je vous ne conseil.

  22. hafidim

    15 avril 2011 at 3 h 08 min

    je crois que jQuery et loin d’être surclasser il même entrain de devenir une référence

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Dernières news

Les bons plans

Les tests