2009 : Création
15/06/2012 : Citation cookbook
20/12/2012 : Mise à niveau


17 rue de la Frise
38000 Grenoble
tel : 04 58 00 33 81

Par Philippe Le Van (twitter accountplv) Dernière mise à jour : 20 December 2012

YUI 3, présentation générale

YUI 3, de quoi parle-t-on ?

YUI 3 (Yahoo User Interface) est une librairie Javascript créée par Yahoo!. Elle a pour objectif de rationaliser le développement javascript.

Citons quelques caractéristiques intéressantes de cette librairie :

  • Elle donne un cadre de programmation bien pensé (c'est l'avantage majeur de cette librairie).
  • Elle uniformise les accès au DOM en utilisant des sélecteurs CSS3 (comme jquery)
  • Elle uniformise le développement de widgets avec une architecture propre et robuste (plus complète que JQuery UI)
  • Elle apporte un cadre pour un "MVC client" (comme backbone)
  • Elle couvre un large spectre : navigateurs classiques, développement mobile, javascript server avec node.js, ...
  • La librairie est stable depuis 2009, opensource

Par où commencer ?

Pour débuter, je vous invite à consulter 2 pages :

Pourquoi utiliser YUI 3 ?

Il y a plusieurs arguments en faveur de YUI. A mon avis le plus pertinent est celui là. YUI est une libraire très globale qui couvre le spectre des librairies JQuery suivantes :

  • Backbone + underscore
  • Require JS
  • JQuery UI
  • une partie de JQuery mobile

YUI permet d'avoir un cadre cohérent et remarquement bien pensé à la place de plusieurs librairies hétérogènes.

YUI3 Cookbook

Evan Goer a sorti en juin 2012 le livre "YUI3 Cookbook" aux édition O'Reilly

Je recopie ici une partie de sa préface qui indique de façon limpide ce qu'apporte YUI3.

Either way, you’re probably thinking to yourself, “What exactly is YUI good for?” Or perhaps even more accurately, “What can I build with YUI that I can’t just do with jQuery?”

The short answer is that with the help of auxiliary libraries such as Underscore and Backbone, there’s little you can’t build with jQuery. jQuery is an excellent document object model (DOM), events, and Ajax abstraction library, and people use it to build beautiful pages every day.

The longer answer is that every library is designed to address a particular set of problems. YUI focuses on keeping the complexity of web applications from spiraling out of control. Its key strengths are modularity and structure.

  • “Modularity” means that YUI is not a monolithic library, but a toolkit for assembling highly tailored libraries. If you need AutoComplete and Calendar , you can load just those widgets and leave out all the others. If you need DOM manipulation but not XHR requests, you can load just the core DOM APIs without Ajax. Modularity is not tacked on as an afterthought, but baked deep into YUI’s design.
  • “Structure” means that YUI’s APIs guide you toward building applications as a set of orderly components. Because of this, YUI components all have very similar behaviors. If you know how to work with a YUI ScrollView , you already know a lot about how to work with a Slider , a DataTable , or any other YUI widget.

The most realistic answer is that the best way to determine whether a framework or library works for you is to try it out yourself. YUI is a powerful open source JavaScript and CSS toolkit for building web applications, but there are many other fine choices out there. This book aims to demystify YUI and help you make an informed decision.

Objectif de cette série d'article

Cette série de tutoriaux de Kitpages a deux objectifs :

  • documenter en français et de façon très pratique les éléments usuels de cette librairie
  • Centraliser plusieurs sources de documents
    • La documentation officielle
    • Des screencasts en tous genres (principalement issus du YUI Theater)


Quelques liens à aller voir en priorité


Un grand merci à Yahoo pour avoir développé et de publié sous licence BSD cette librairie.


Ajouter un commentaire
Excellent weblog right here! Additionally your 
web site a lot up fast! What host are you 
using? Can I am getting your affiliate hyperlink to your host?
I want my site loaded up as quickly as yours 
Hello, i read your blog occasionally and i own a similar 
one and i was just wondering if you get a lot of spam 
comments? If so how do you reduce it, any plugin or anything you can advise?
I get so much lately it's driving me mad so any assistance 
is very much appreciated.
Hello there! This article couldn't be written much better!
Looking through this post reminds me of my previous roommate!
He continually kept talking about this. I am going to forward this post to him.

Fairly certain he will have a very good read. I appreciate you for sharing!
Hi there, I found your website by the use of Google while searching 
for a comparable topic, your website got here up, it seems 
to be great. I've bookmarked it in my google bookmarks.

Hello there, just became aware of your blog through Google, and located that it is truly informative.
I am going to be careful for brussels. I will appreciate should you continue this in future.
A lot of other folks will probably be benefited out of 
your writing. Cheers!
Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something.
I think that you could do with a few pics to drive the message home a bit, but instead of 
that, this is excellent blog. An excellent read. I'll certainly be back.
Hi, yeah this article is really fastidious and 
I have learned lot of things from it about blogging. thanks.
Greetings! I've been following your blog for a while now and finally 
got the bravery to go ahead and give you a shout out from  
Humble Texas! Just wanted to mention keep 
up the good job!
Hmm is anyone else having problems with the pictures on this blog loading?

I'm trying to determine if its a problem on my end or if it's the blog.
Any suggestions would be greatly appreciated.
I want to to thank you for this very good read!! I absolutely 
enjoyed every little bit of it. I have you book marked to look at new stuff 
you post…
I used to be able to find good advice from your 
Hey I know this is off topic but I was wondering if you knew of any widgets I could add 
to my blog that automatically tweet my newest twitter updates.
I've been looking for a plug-in like this for quite 
some time and was hoping maybe you would have some experience with something like this.
Please let me know if you run into anything.

I truly enjoy reading your blog and I look forward to your new updates.
Great website you have here but I was curious if you knew of any forums that cover the same topics discussed in this article?
I'd really love to be a part of community where I can get feed-back from other experienced 
people that share the same interest. If you have any recommendations, 
please let me know. Bless you!
Hello to every single one, it's truly a pleasant for me 
to pay a visit this website, it consists 
of priceless Information.
Wow, amazing blog layout! How long have you been blogging for?
you make blogging look easy. The overall look of your site is fantastic, as well as the content!
Do you mind if I quote a couple of your posts as long as I provide credit and 
sources back to your website? My blog site is in the very same niche as yours and my visitors would truly benefit from some 
of the information you present here. Please let me know if this ok with you.
Thank you!
We are a gaaggle оf volunteers ɑnd starting ɑ brand neԝ sscheme 
іn our community. Your website provided ᥙs with valuable info tⲟ work on. Үou've performed an impressive job ɑnd 
oour wһole neighborhood ѕhall be grateful to уou.
I was excited to uncover this site. I want to to thank you for ones time for this particularly wonderful read!!
I definitely savored every little bit of it and i also have you book-marked to look at 
new things on your web site.
I do accept as true with all the ideas you have introduced for your 
post. They're very convincing and will certainly work.
Still, the posts are too brief for beginners.

May you please prolong them a bit from subsequent time?

Thank you for the post.
My partner and I absolutely love your blog and find the majority of your 
post's to be what precisely I'm looking for. Would you offer guest writers to write content for 
yourself? I wouldn't mind producing a post or elaborating on many of the subjects you write regarding here.

Again, awesome website!
Very nice article, totally ԝһat I needed.
Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something.
I think that you could do with some pics to drive the message home a little bit, but other than that,
this is wonderful blog. A fantastic read. I will definitely be back.
Hello, i bеlieve that і noticed y᧐u visited mү web 
sitte tһսѕ i ɡot hеre to return the want?.Ӏ amm attempting tоo find thingss to 
improve my website!I suppose its ok too mɑke use of some 
of yⲟur concepts!!
I have been surfing online more than 2 hours today, yet I never found any interesting article 
like yours. It is pretty worth enough for me.
In my opinion, if all site owners and bloggers 
made good content as you did, the net will be much more useful than ever before.
Wow, awesome blog layout! How long have you been blogging for?

you made blogging look easy. The overall look of your website 
is magnificent, as well as the content!
Hi! I just wanted to ask if you ever have any problems with hackers?
My last blog (wordpress) was hacked and I ended up losing many months of hard work due 
to no backup. Do you have any methods to prevent hackers?
Nice post. I was checking constantly this blog and I am impressed!
Extremely helpful info specially the last part :
) I care for such information a lot. I was seeking this certain information for a very long time.

Thank you and good luck.
I am really inspired together with your writing abilities and 
also with the format in your blog. Is that this a paid topic or did you customize it yourself?
Anyway stay up the excellent high quality writing, 
it is uncommon to peer a great blog like this one today..
Touche. Solid arguments. Keep up the great spirit.
Hi! I simply want to give you a big thumbs up for your excellent information you have 
right here on this post. I will be coming back to your blog for 
more soon.
Greetings! Very helpful advice in this particular article!

It's the little changes that produce the greatest changes.
Thanks a lot for sharing!
If you are going for most excellent contents like me, only visit this web site every day since it gives quality contents,
This is my first time pay a quick visit at here and 
i am actually pleassant to read everthing at alone place.
I know this if off topic but I'm looking into starting my own blog and was wondering 
what all is required to get set up? I'm assuming 
having a blog like yours would cost a pretty penny?

I'm not very web smart so I'm not 100% positive. Any tips or advice would be greatly 
appreciated. Many thanks
Hello there! Would you mind if I share your blog with my twitter 
group? There's a lot of people that I think would really appreciate your content.
Please let me know. Thank you
I always used to study post in news papers but now as I am a 
user of net thus from now I am using net for content, thanks to web.
Excellent post however , I was wanting to know if you could write a litte more on this 
subject? I'd be very thankful if you could elaborate a little bit further.
You should be a part of a contest for one of the 
most useful websites on the web. I will recommend this website!
Quality articles is the main to interest the visitors to pay a quick visit the web site, that's 
what this website is providing.
Hey There. I found your blog using msn. This is a really 
well written article. I'll be sure to bookmark 
it and come back to read more of your useful info.
Thanks for the post. I'll certainly comeback.
Hi there, I enjoy reading all of your article post.
I like to write a little comment to support you.
Wow, wonderful weblog format! How long have you been running a blog for?
you make running a blog look easy. The entire glance of your web site is magnificent, as neatly as the 
content material!
Normally I do not learn article on blogs, however 
I wish to say that this write-up very forced me to check 
out and do so! Your writing taste has been surprised me. Thanks, very nice post.
I blog frequently and I seriously appreciate your content.
Your article has really peaked my interest. I will book mark your website aand keep checking for nnew information about once a week.
I opted in for yoyr Feed as well.
Thanks for one's marvelous posting! I really enjoyed reading it, you could 
be a great author.I will make sure to bookmark your blog and 
definitely will come back someday. I want to encourage you to definitely continue your great posts, have 
a nice weekend!
Hi! Do you know if they make any plugins to safeguard against hackers?
I'm kinda paranoid about losing everything I've worked hard on. Any suggestions?
It's actually a nice and helpful piece of info.
I'm satisfied that you shared this useful information with us.
Please keep us informed like this. Thanks for sharing.
I'm gone to say to my little brother, that he should also 
go to see this webpage on regular basis to get updated from most up-to-date information.
Hi there! I'm at work browsing your blog from my new iphone 4!
Just wanted to say I love reading your blog and look forward to 
all your posts! Keep up the fantastic work!
What i do not understood is actually how you're 
not really much more well-liked than you might be right 
now. You're so intelligent. You understand thus considerably in the case of this topic,
made me in my opinion consider it from so many various angles.
Its like men and women don't seem to be fascinated unless it's 
something to accomplish with Woman gaga! Your personal stuffs great.

At all times handle it up!
Fantastic goods from you, man. I've understand your 
stuff previous to and you are just too fantastic. I actually like what you've acquired here,
certainly like what you're stating and the way in which you say it.
You make it entertaining and you still care for to keep it sensible.
I cant wait to read much more from you. This is actually a tremendous site.
Wow, this post is pleasant, my sister is analyzing 
these kinds of things, so I am going to let know her.
You've made some good points there. I checked 
on the net for more information about the issue 
and found most people will go along with your views on this site.
It's an remarkable paragraph in support of all the online viewers; they will obtain advantage from it I 
am sure.
It's truly very complex in this full of activity life to listen news on Television, thus I just use 
world wide web for that reason, and get the most up-to-date news.
Piece of writing writing is also a fun, if you be acquainted with afterward you can write otherwise it is 
complex to write.
Actually no matter if someone doesn't understand then its 
up to other people that they will assist, so here it takes 
Awesome article.
Hello, yup this piece of writing is in fact pleasant 
and I have learned lot of things from it concerning blogging.
Now I am ready to do my breakfast, when having my breakfast 
coming again to read more news.
Hi, I do believe this is an excellent website.
I stumbledupon it ;) I may return yet again since I saved as a 
favorite it. Money and freedom is the best way to change, may you be rich and continue to help other people.
Appreciating the commitment you put into your website and in depth information you offer.

It's good to come across a blog every once in a while that 
isn't the same old rehashed material. Wonderful read!

I've bookmarked your site and I'm including your RSS feeds to my Google account.
When some one searches for his necessary thing, thus he/she needs to be available that 
in detail, thus that thing is maintained over here.
It's the best time to make a few plans for the long run and 
it is time to be happy. I've read this publish and if I may I 
want to counsel you few interesting things or suggestions.
Maybe you could write subsequent articles relating to this article.
I wish to read more things approximately it!
Admiring the dedication you put into your website and detailed information you offer.
It's good to come across a blog every once in a while that isn't the same old rehashed information. Fantastic read!
I've saved your site and I'm adding your RSS feeds to my Google account.
Its not my first time to pay a quick visit 
this site, i am browsing this site dailly and obtain pleasant facts 
from here every day.
Everything is very open with a really clear clarification of the challenges.
It was truly informative. Your website is extremely helpful.

Many thanks for sharing!
I am curious to find out what blog platform you have 
been working with? I'm having some minor security 
problems with my latest site and I would like to find something more safe.
Do you have any suggestions?
Keep on writing, great job!
WOW just what I was looking for. Came here by searching for carriers
Hi there friends, its enormous paragraph regarding educationand entirely explained, keep it up all the 
whoah this weblog is wonderful i love reading your posts.
Stay up the great work! You know, many people 
are searching round for this information, you can aid them greatly.
I'm amazed, I have to admit. Seldom do I come across a blog that's both 
equally educative and entertaining, and let me tell you, you have hit the nail on the head.
The issue is something not enough folks are speaking intelligently about.
I'm very happy that I came across this in my search 
for something regarding this.
If some one wants expert view regarding blogging after that 
i suggest him/her to go to see this website, Keep up the nice work.
If some one wants to be updated with most up-to-date technologies 
therefore he must be go to see this website and be up to date everyday.
Hi! I just want to give you a huge thumbs up for the great information you have here on this post.
I will be coming back to your website for more 
I am now not certain the place you are getting your info, but good topic.
I needs to spend some time finding out much more or working out more.
Thanks for fantastic information I used to be searching for 
this info for my mission.
It's amazing in favor of me to have a web page, which is helpful in support of my experience.

thanks admin
Hey! I could have sworn I've been to this 
blog before but after reading through some of the post I realized it's new to me.

Anyways, I'm definitely delighted I found it and 
I'll be book-marking and checking back often!
Cool blog! Is your theme custom made or did you download it from somewhere?
A design like yours with a few simple tweeks would really 
make my blog shine. Please let me know where you got your design. Thank you
I'd like to find out more? I'd like to find out some 
additional information.
After looking over a handful of the blog posts on your web page, I truly appreciate your way of blogging.

I saved it to my bookmark website list and will be checking back in the near future.
Take a look at my website as well and let me know how 
you feel.
Undeniably imagine that which you said. Your favorite justification seemed to be at the internet the easiest thing to be mindful of.

I say to you, I definitely get annoyed even as folks think about issues that they just don't recognize about.
You controlled to hit the nail upon the top and also outlined out the whole thing without having side-effects , folks could take a signal.
Will probably be back to get more. Thanks
Very quickly this website will be famous among all blogging and site-building visitors, due to it's pleasant content
This is a topic that is close to my heart... Cheers! Where are 
your contact details though?
Genuinely when someone doesn't understand after that its up to other visitors that they will help,
so here it occurs.
What's Taking place i am new to this, I stumbled 
upon this I have found It absolutely useful and it has helped me 
out loads. I hope to give a contribution & help different users like 
its aided me. Great job.
Everything is very open with a really clear description of the challenges.
It was truly informative. Your website is very useful. Thank you for 
I always spent my half an hour to read this 
website's articles or reviews every day along with a cup of coffee.
I was suggested this blog by means of my cousin. I am now not sure whether this put up is written by way of him as nobody else realize such 
particular approximately my trouble. You're incredible!
You could definitely see your skills within the work you write.
The world hopes for more passionate writers such as you who 
are not afraid to say how they believe. Always go after your heart.
Hey! I could have sworn I've been to this site before but 
after reading through some of the post I realized it's new to me.
Anyhow, I'm definitely glad I found it and I'll be book-marking and checking back frequently!
Heya i'm for the primary time here. I came across this board and I to find It really helpful 
& it helped me out a lot. I am hoping to provide one thing back and 
aid others like you helped me.
Can I simply say what a relief to discover somebody that genuinely knows what they're talking about online.
You definitely know how to bring an issue to light and make it important.

More and more people must check this out and understand this side of 
your story. I can't believe you're not more popular given that you most certainly have the gift.
Thanks for sharing your thoughts on soft. Regards
Hi there, I check your blog like every week. Your writing style is witty, 
keep doing what you're doing!
What's Happening i am new to this, I stumbled upon this I have discovered It positively useful and it has 
aided me out loads. I hope to contribute & help different users 
like its helped me. Good job.
Hey there! Do you know if they make any plugins 
to protect against hackers? I'm kinda paranoid about losing everything 
I've worked hard on. Any tips?
Way cool! Some extremely valid points! I appreciate you penning 
this write-up and also the rest of the site is also very good.
Why is it that ladies not like pleasant guys? Guys are the male growth hormone-set to zero in on 20-something 
is within their propagation primary. You wish this female and we are pals and he or 
she is beautiful and contains the maximum persona but they're not the best person so if you ever question her out at any rate?
You'll want to ask her, she may experience exactly the same of course, if she would not it is possible to 
each be good friends. It is very doable he is nevertheless distressed with 
regards to a breakup and he is just not able to get 
considerable. Even even though you are actually exchanging electronic mails for a while, will still be best if you constrict 
sensitive information and facts such as for instance every one of your 
identify, aim for or workplace. Either you were accomplished at it, and 
you're just a bit rusty, or you will believed inferior for starters.

{{It will always be|Most commonly it is|It's always|It usually is|In most cases|It's usually} {good|great|excellent|very good|beneficial|superior} {in order to make|to make|to help make|so as to make|to ensure|to enable} {a list of|a summary 
of|a listing of|a directory of|an index of|a long list 
of} all {prices|costs|rates|price ranges|charges|selling 
prices} {of the|from the|with the|in the|on the|of your} {services|solutions|providers|companies|products and services|expert services} {associated with|related to|connected with|linked to|regarding|involving} {matchmaking|internet dating|dating|online 
dating} {sites that|websites that} {you’re interested|you are interested|it interests you} {in joining|to join}.