Inizio Blog User Interface (YUIBlog)

YUI di esecuzione, sulla Assembla.com Planner Agile

Veloce e divertente - che era il requisito utente per il nuovo Agile Assembla.com Planner - un'interfaccia AJAX per l'aggiunta di attività di sviluppo, storia edificio / funzione di contorni, e loro programmazione in release. Siamo stati fortunati ad avere YUI 3 per renderlo veloce e divertente per attuare pure.

Avevo usato YUI 2 per una serie di progetti precedenti e mi era stato colpito dalla progettazione dei componenti dell'interfaccia utente e l'infrastruttura di biblioteca di base. Volevo saperne di più su YUI 3, con la sua sintassi compatta e più profonda attenzione sulla manipolazione del DOM e selettori CSS3-style. Questo progetto, con una bassa dipendenza su 'Widget precompilati,' è stata una perfetta opportunità per ottenere i miei piedi bagnati con YUI 3. Le strutture per l'attuazione 'app grandi' attraverso moduli personalizzati e di integrazione con caricatore YUI fatto una scelta naturale.

Il Planner Agile supporta un numero di interazioni degli utenti drag and drop con i gruppi di interazione multipla e comportamenti contesto based. Allo stesso tempo, gestisce una serie complessa di interazioni con il server, tra cui la fusione in nuovi dati dal server, e la propagazione delle modifiche al server.

Abbiamo migliorato l'esistente Planner che era basato su gestori di Rails e prototype.js. La filosofia sandbox YUI e forte strutture OOP fatto che coesiste con prototype.js una brezza.

Abbiamo utilizzato un gran numero di componenti YUI, tra cui:

• Async-Queue di offrire una esperienza sensibile su una pagina in grado di coinvolgere i biglietti 1000 + simultaneo
• Drag and Drop con i gruppi di interazione.
• IO come una gestione connessione al server di coda e massaggio interazione.
• Event-delegato per consentire semplicemente idratante modelli HTML e dimenticando di loro.
• Evento-chiave per l'interazione con la tastiera e la navigazione.
• Collezione per averci dato una esperienza coerente attuazione attraverso i browser.
• Cookie per facilitare la persistenza a breve termine UI.
• Profiler per ottenere i guadagni maggiori velocità
• YUI Doc di lasciare le informazioni per il resto della squadra

Lavorare con YUI 3 su un app del genere è stato divertente, e non vedo l'ora di sentire ciò che i nostri utenti ci spingerà a fare dopo!

Circa l'autore: Joachim Larsen è un ingegnere di frontend con Assembla.com.

Trova conversazioni: bloglines | technorati

Condividi e ampliare: Bookmark con del.icio.us | digg it! | reddit!