Un controllo dello stato sulla YUI 2-a-3 di transizione

5 novembre 2010 alle ore 11.06 da Eric Miraglia | In Development , YUI 3 Gallery | 6 Commenti

The YUI 2 JavaScript e CSS biblioteca è stato un prodotto di successo enormemente negli-plus quattro anni da quando l'abbiamo pubblicato nel 2006. YUI 2 distribuzioni sono state scaricate più di 2 milioni di volte, e migliaia di sviluppatori di utilizzare YUI oggi senza mai scaricare i file, invece che tirare, né da parte di Google Yahoo! o CDN. 1 YUI traffico sulla CDN Yahoo! è cresciuta costantemente nel corso degli anni Da quando abbiamo reso pubblico, e oggi si stima che yui.yahooapis.com sta servendo circa 15 miliardi di file mensili.

Non è un segreto, però, che gli ingegneri YUI a Inizio spendono la maggior parte della loro energia oggi lavorando su YUI 3 , il progetto successore di YUI 2, e uno che riguarda molti degli insegnamenti tratti dagli ingegneri YUI negli anni che abbiamo trascorso edificio YUI 2. YUI 3 oggi è robusto e ricco di funzionalità. A livello di utilità (animazione, XHR, drag and drop, ecc), si supera il livello di funzionalità di YUI 2. A livello widget, dove YUI 2 è stato popolare con il suo ampio portafoglio, YUI 3 è ancora recuperando terreno. YUI 2 di DataTable, Editor, Menu, Button e il calendario sono ancora la norma, e YUI 3 utenti alla ricerca di funzionalità equivalenti sono oggi guidate al progetto 2-in-3 YUI , che consente di includere facilmente ed utilizzare YUI 2 dal entro YUI 3 implementazioni. Questo è facile e sicuro, ma è anche non ottimale: Noi preferisco non passare da una API, e ci piacerebbe preferisce non l'overhead di runtime di caricamento due core libreria.

Mentre ci prepariamo per la prossima settimana YUICONF 2010 , sembrava un buon momento per esaminare lo stato della YUI 2-a-YUI 3 di transizione. Siamo un po 'più di un anno nell'era 3 YUI, e non proprio un anno fuori dal YUI 3 Galleria lancio s '. Tra il team di YUI a Yahoo e quelli di voi nella comunità di YUI contribuendo componenti (circa 100 contribitors in totale), come stiamo facendo?

La risposta potrebbe sorprendervi.

Con progetti come gli AlloyUI Liferay e decine di collaboratori indipendenti che popolano la Galleria, ora abbiamo più opzioni disponibili, anche a livello widget in YUI 3 che abbiamo spedito con YUI 2. La tabella qui di seguito le partite funzionalità tra le due biblioteche e dà un senso di come le due librerie di confrontare in termini di categorie funzionali. Avvertenze:

  • Poche righe sono i confronti 1:1. Quando dico che la funzionalità è supportata, non voglio dire che sia supportato esattamente nello stesso modo o al livello di funzionalità stesso in entrambe le codeline.
  • Tutte le funzionalità non supportate in YUI 3 è possibile accedere tramite YUI 2-in-3.
  • Dove ho indicato che qualcosa è supportato tramite comunità / galleria, non sto suggerendo nulla circa la completezza caratteristica del contenuto Galleria - soltanto che la comunità ha risposto a tale esigenza e ha prodotto e condiviso una soluzione.
  • Questa tabella include solo una parte del contenuto che è nella Galleria. Una fotografia più vera, tra tutti i contenuti Gallery, avrebbe mostrato YUI 3 nanismo YUI 2 in termini di opzioni componente. Mi sono limitato qui per le funzionalità di base di YUI 2, il suo equivalente in YUI 3, e nuovi importanti sviluppi nel mondo 3 YUI (comprese le categorie di componenti principali che sono emerse in Galleria).
Componenti principali
Componente YUI 2 YUI 3 Note
Libreria di base Yahoo dell'oggetto globale YUI modulo Alcune delle funzionalità 2 YUI si è trasferita in altri moduli - OOP e lang.
Loader YUI Loader Loader modulo YUI 3's Loader è intrinseco (sarà richiamato automaticamente) e include il supporto per la Galleria.
DOM sostegno DOM Collection Nodo modulo YUI 3 è "nodo-centrica" ​​- di lavoro tramite l'API Il nodo è un cambiamento di paradigma tra YUI 2 e 3.
Browser e eventi personalizzati Event Utility Evento modulo
Componente della Fondazione
Componente YUI 2 YUI 3 Note
Attributo di gestione AttributeProvider Attributo modulo
Gestione degli eventi EventProvider EventTarget nel modulo Custom Event
Componente di base Modulo Base
Estensione del modello Modulo Base
Plugin modello Plugin e plugin ospita moduli
Widget fondazione Elemento di utilità Widget modulo YUI 2 gli elementi di utilità manca il modello del ciclo di vita dello sviluppo di componenti contenuti nel sistema di YUI 3 Base Widget.
Utilities
Componente YUI 2 YUI 3 Note
Ajax / XHR Connection Manager Utility IO modulo
Animazione Animazione Utility
  • Animazione modulo
  • Transizione modulo
YUI 3 aggiunge il supporto per le transizioni CSS tramite il modulo di Transitions, sostenere le transizioni con accelerazione hardware se supportati.
Asset Prefetching
Asincrono Queueing AsyncQueue modulo Supporto per una catena di callback eseguiti tramite la funzione setTimeout . YUI 2 di consegna di questa funzionalità non è diviso in modo sufficientemente per uso generale.
Autenticazione
Cache Cache modulo Il supporto per la memorizzazione chiave / valore in memoria locale JS.
Cookie Cookie Utility Cookie modulo
Data Management DataSource Utility
  • DataSchema (beta)
  • DataSource (beta)
  • DataType (beta)
Non c'è parità di caratteristiche esatta tra i due (per esempio, fare la coda non è supportato in YUI 3; YUI 3 moduli restano in beta).
Drag and Drop Drag and Drop Utility DD modulo
Evento Extra
  • Evento delegazione
  • Evento di simulazione
  • Evento delegazione
  • Evento di simulazione
  • Gesti
  • Sintetico eventi
  • Touch eventi
sostegno evento YUI 3 supera la YUI 2 ramo, con una buona astrazioni per il tocco e gesti.
Form Validation
Geolocation
Get (script / CSS carico) Get Utility Prendi modulo
Storia di gestione Storia di utilità Storia modulo Modulo di Storia YUI 3 include il supporto HTML5.
ImageLoader (differimento intelligente di caricare l'immagine) ImageLoader Utility ImageLoader modulo
Internazionalizzazione varia a seconda della componente Internazionalizzazione modulo modello i18n YUI 3 è più robusto, ma non c'è lavoro da fare per realizzare tutti i suoi benefici in tutto il sistema widget.
JSON JSON Utility JSON modulo YUI 3 include il modulo JSONP che fornisce una struttura per lavorare con le richiamate JSONP dal di dentro schemi YUI 3 di sandbox.
Ridimensiona Resize Utility L'implementazione AlloyUI in Galleria è stata adottata nel nucleo biblioteca e sarà parte della versione 3.3.0.
Storage (lato client) Storage Utility (comprende ripiego Flash) Storage Lite non supporta un ripiego Flash.
Stylesheet (manipolazione via JS) Stylesheet Utility Stylesheet modulo
SWF gestione SWF Utility
SVG Support
Undo / Redo Supporto
YQL wrapper YQL Query modulo
Widget UI
Componente YUI 2 YUI 3 Note
Fisarmonica Come un widget YUI 2-based, un componente di Marco non è nella Galleria YUI 3 formalmente.
Completamento automatico Completamento automatico di controllo YUI 3 Completamento automatico la spedizione avverrà con YUI 3.3.0. Non trascurare la componente AlloyUI qui, anche se - è ricco di funzionalità e pronti per l'uso oggi.
Button Pulsante di controllo
Calendario Controllo calendario Calendario widget di selezione / data non è previsto come parte della distribuzione fino al 3 YUI 3.4.0 o successiva; l'attuazione AlloyUI, tuttavia, è una scelta eccellente per i casi d'uso comune.
Carosello Carosello di controllo Gopal ha posseduto la YUI 2.x codebase Carousel per lungo tempo, e il suo YUI 3 moduli Gallery sarà in produzione Inizio prodotti quest'anno.
Grafici Carte di Controllo Tripp è uno degli autori e il manutentore del YUI 2 carte di controllo, che è basato su Flash. La YUI 3 lavori grafici, che non si basa su Flash, è arrivato al Gallery su base regolare e lavoro Tripp aggiornato sarà disponibile in versione beta come parte di YUI 3.3.0.
Color Picker Color Picker di controllo
DataTable DataTable di controllo progetto di Antonio, che comprende un paio di moduli plugin, non è destinata ad avere parità di funzionalità con l'ambizioso YUI 2 DataTable Control. Il lavoro svolto dal team di YUI su YUI 3 DataTable apparirà in versione beta in 3.3.0.
Ritaglio immagine ImageCropper Control
Layout (completo di gestione delle applicazioni a schermo) Layout Manager
Menuing Menu di controllo Semplice menu non è così ricco di funzionalità come il supporto completo a menu previsto YUI 2. Attualmente, il team di YUI piani di lavoro su un controllo di menu di 3 YUI per il periodo di tempo 3.4.0. Nodo MenuNav fa parte della distribuzione 3 YUI, ma rimane in versione beta e può essere sconsigliata a favore di un nuovo lavoro su un controllo formale UI.
Sovrapposizioni Container Famiglia
Impaginazione Paginator Control
Progress Bar Controllo ProgressBar Satyam ha scritto la YUI 2 Controllo ProgressBar, il suo YUI 3 attuazione non è in Galleria, ma è disponibile per l'uso.
Valutazioni
Rich Text Editing Rich Text Editor YUI 3.3.0 conterrà il contenuto di base dell'editor che Yahoo sta usando nella nuova beta Yahoo! Mail - che è il più avanzato editor che abbiamo prodotto come parte di YUI. Tuttavia, la barra degli strumenti Editor (che è una parte importante della componente per la maggior parte implementatori) si baserà sulla funzionalità Button e menuing che non apparirà almeno fino al 3.4.0.
ScrollView ScrollView modulo Questo è un componente importante per lo sviluppo mobile.
Slideshow Questa categoria è un buon esempio di ciò che la Galleria YUI può diventare. Considerando che non abbiamo mai avuto una forte componente YUI 3 presentazione, abbiamo già quattro moduli eccellenti tra cui scegliere nel mondo 3 YUI.
Sliders Slider Control YUI 3.3.0 conterrà un interessante nuovo modello di interazione slider, per gentile concessione di progettista e ingegnere Yahoo! Jeff Conniff. Restate sintonizzati per maggiori informazioni su questo come 3.3.0 versioni di anteprima visualizzato.
Tabs TabView Control TabView modulo
Alberi Controllo TreeView Inizio ingegnere Gonzalo Cordero sta attualmente lavorando su una implementazione YUI 3 TreeView. Anche se non sarà pronto per 3.3.0, si dovrebbe essere disponibile in Galleria dopo il rilascio 3.3.0 ed essere un candidato per la distribuzione già nel 3.4.0.
Uploader (upload di più file con il monitoraggio dei progressi) Uploader Control Uploader modulo Entrambe le tre implementazioni YUI 2 e YUI richiedono Flash.
Video (HTML5)
CSS Components
Componente YUI 2 YUI 3 Note
Reset CSS Reset CSS Reset
Base CSS di base CSS di base
Tipi di carattere Font CSS Font CSS
Griglie Griglie CSS Griglie CSS Il nuovo, più flessibile YUI CSS Grids pacchetto di 3 è stato rilasciato nel 3.2.0.

Note:

  1. The YUI 2 dipendenza Configurator può aiutare a progettare il vostro script e css comprende sia per Yahoo! o CDN Google.

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

6 Commenti »

RSS feed dei commenti a questo post.

  1. shnikies Santo, tali componenti sono AlloyUI slick. Sarà sicuramente provando in lega nella mia prossima applicazione. :)

    Commento di Josh L - 5 Novembre 2010 #

  2. YUI3 svantaggio rispetto al YUI2 è la mancanza di widget UI in kit standart (widget comunità solo). Prima di tutto (per me), DataTable, Alberi, Rich Text Editor, layout (gestione completa applicazione a tutto schermo), Button. Questi widget sono molto importanti e inseriti nella competizione framworks javascript. Essi dovrebbero essere inclusi nel kit di sviluppo completo di YUI3. Io non sono sicuro di alta qualità di codice nei progetti comunitari, così ho paura di usarlo. In attesa di successivi rilasci di YUI3.

    Commento di Sergio - 7 Novembre 2010 #

  3. @ Sergey, tutti i yui2 widget e gli altri componenti sono fruibili tramite YUI3.

    Commento di Joe - 21 novembre 2010 #

  4. Usiamo la capacità di dialogo YUI2 di presentare in modo asincrono un modulo nel corpo del dialogo. Questa caratteristica è utilizzata in tutta la nostra app. Non vedo questa funzione nella finestra di dialogo o di un modulo AlloyUI Anthony Pipkin nella galleria. Ci sono piani per aggiungere ulteriori sovrapposizioni in YUI3 come caratteristica YUI2 di dialogo ricco?

    Commento di Sean - 7 Gennaio 2011 #

  5. @ Sean, componenti finestre (pannello, finestre ecc) sono sulla tabella di marcia 2011 per YUI3. Non abbiamo risolti che rilasciano essi saranno in atterraggio, ma sono indicativamente prevista per il posto verso la metà dell'anno.

    La presentazione forma asincrona che supporta la finestra di dialogo YUI2 è un candidato ideale per un YUI3 semplice plugin, in modo (o chiunque altro nella comunità) è invitato a dare un colpo e aggiungere alla galleria.

    E 'davvero solo un involucro leggero intorno a sostegno sotto forma di Io. E 'probabile che il YUI 3 realizzazione sarà proprio questo - un plugin per Overlay, che si applica io-forma al contenuto della sovrapposizione.

    In generale, come noi iniziare l'anno, stiamo cercando il modo per raccogliere in modo più efficace input tabella di marcia (con orari di apertura) da parte della comunità, mantenerlo, e pubblicarla, così avrete un quadro più chiaro quello che sta venendo, e quando.

    Commento di Desai Satyen - 7 Gennaio 2011 #

  6. Satyen, la ringrazio molto per il feedback. Penso che si proverà con YUI2 fino YUI3 è un po 'più maturo. Potrei iniziare a utilizzare la migrazione dei componenti YUI3 2in3 e per un ambiente YUI2/YUI3 misto, ma non posso giustificare il ROI come questo sarebbe una significativa riscrittura di molte parti della nostra applicazione. Usiamo molti componenti YUI2, ma DataTable / ScrollingDataTable e di dialogo sono le due più importanti. Una volta che questi componenti sono la migrazione completa a YUI3, io propongo un compito di gestione della migrazione.

    Commento di Sean - 11 gennaio 2011 #

Lascia un commento

Nota: I commenti sono moderati per la prima volta. Spam eliminato.

XHTML: <a href="" title="La <acronym title="La <abbr title="La <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ospitato da Yahoo

Copyright © 2006-2011 Inizio Inc. Tutti i diritti riservati. Norme sulla privacy - Termini di servizio

Powered by WordPress su Yahoo! Web Hosting .