Interface utilisateur Blog Yahoo! (YUIBlog)

YUI mise en œuvre sur le Assembla.com Planner Agile

Rapide et amusant - qui a été à l'exigence d'utilisation pour la nouvelle Agile Planner Assembla.com - une interface AJAX pour l'ajout de tâches de développement, le renforcement des histoire / fonctionnalité présente, et les horaires dans les rejets. Nous avons été chanceux d'avoir YUI 3 pour le rendre rapide et amusant à mettre en œuvre ainsi.

J'avais utilisé YUI 2 pour un certain nombre de projets avant et j'avais été impressionné par l'ingénierie des composants d'interface utilisateur et l'infrastructure des bibliothèques sous-jacentes. Je voulais en savoir plus sur YUI 3, avec sa syntaxe compacte et plus se concentrer sur la manipulation du DOM et des sélecteurs CSS3-style. Ce projet, avec une faible dépendance "widgets prédéfinis, a été une excellente occasion de me mouiller les pieds avec YUI 3. Les installations pour la mise en œuvre 'app grandes »via des modules personnalisés et l'intégration avec chargeur YUI fait un choix naturel.

Le planificateur Agile soutient un certain nombre d'interactions avec l'utilisateur de glisser-déposer avec des groupes multiples interactions et les comportements basé sur le contexte. Dans le même temps, il gère un ensemble complexe d'interactions avec le serveur, y compris la fusion de nouvelles données depuis le serveur, et la propagation des changements sur le serveur.

Nous avons amélioré le planificateur existants qui était basée sur les gestionnaires d'Rails et prototype.js. philosophie sandbox YUI et forte installations POO en coexistant avec prototype.js un jeu d'enfant.

Nous avons utilisé un grand nombre de composants YUI, y compris:

• Async-Queue d'offrir une expérience sensible sur une page qui peut impliquer des billets 1000 + simultanée
• Drag and Drop avec des groupes d'interaction.
• IO en tant que gestionnaire de connexions à l'interaction serveur de file et de massage.
• Event-délégué pour permettre tout simplement d'hydratation des modèles HTML et les oublier.
• L'événement-clé pour l'interaction du clavier et de la navigation.
• Collection de nous donner une expérience de mise en œuvre dans tous les navigateurs.
• Cookie pour faciliter la persistance d'assurance-chômage à court terme.
• Profiler pour trouver les meilleurs gains de vitesse
• YUI Doc de laisser des informations pour le reste de l'équipe

Travailler avec YUI 3 sur une application comme cela a été amusant, et je suis impatient d'entendre ce que nos utilisateurs nous exhorte à le faire venir!

A propos de l'auteur: Joachim Larsen est un ingénieur frontend avec Assembla.com.

Trouver des conversations: bloglines | technorati

Partager et prolonger: Ajouter aux Favoris del.icio.us | Digg it! | reddit!