logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

YUI - Yahoo User Interface (pré-requis)
icone addfav
YUI ou Yahoo User Interface, est une librairie Javascript qui permet d'améliorer considérablement le développpement d'interfaces riches.
En comparaison aux deux librairies Javascript déjà présentées ce framework de Yahoo fait office de mastodonte en terme de possibilités.
Cependant son utilisation évoluée peut se révéler complexe, voir très complexe du fait de l'enchevètrement de code au sein de la même page par exemple, de l'aspect finalement beaucoup moins intuitif que Scriptaculous.
YUI compense réellement son manque d'intuitivité par sa richesse en termes de widgets mais aussi fonctionnelle.

Les différentes parties de YUI peuvent être triés en 3 catégories :
  • 'Utilities' : ou code 'utilitaire' qui peut servir et permettre d'optimiser du code actuel, accéder à certaines facilités difficilement accessibles auparavant.
    C'est dans cette catégorie que sont rangées les fonctionnalités Drag&Drop, Event, mais aussi Animation , et Connection Manager.
  • 'UI Controls' : ou 'Contrôles d'interfaces utilisateur'.
    On trouve dans cette catégorie les fichiers permettant de gérer l'"Autocomplete" (ndr : voir dans la rubrique Scriptaculous, la page Autocompleter.Base(class) pour comparaison éventuelle), de gérer des Container , des Calendar (ndr : 'calendriers' en français), des Menu , des Slider etc..
  • 'CSS Resources' : ou 'Ressources CSS' qui donnent accès à des modèles de page prêt à l'emploi et architecturées selon des feuilles de style CSS performantes et optimisées.



Le tableau ci après donne un aperçu des dossiers constituants de YUI :

Dossier Nb fichiers Détails
animation 4
autocomplete 4
calendar 8
connection 4
container 15
dom 4
dragdrop 4
event 4
fonts 3
grids 3
logger 5
menu 14
reset 3
reset-fonts-grids 2
slider 4
tabview 6
treeview 17
utilities 2
yahoo 4
yahoo-dom-event 2


ico com Aucun commentaire enregistré