Yahoo! User Interface Blog (YUIBlog)

Aggiornato TextMate Bundle per YUI 2.8.0

Recentemente ho portato il mio fagotto YUI per TextMate aggiornata con la versione 2.8.0 della libreria. Fornisce la colorazione della sintassi e la documentazione look-up per tutte le utilities e widget, così come il completamento automatico per le parti più frequentemente usati della biblioteca.

Ci sono due modi per ottenere il bundle:

1. Usare Subversion per controllare una copia della più recente

    cd ~ / Library / Application \ Support / TextMate / Bundles
    svn co http://svn.textmate.org/trunk/Bundles/JavaScript \ YUI.tmbundle /
   

2. Scaricare il pacchetto , decomprimerlo, e metterlo nella cartella ~ / Library / Application \ Support / TextMate / directory Bundles

È possibile utilizzare l'Editor in TextMate Bundle per visualizzare i vari frammenti di codice e comandi e diventare più familiare con il bundle. Come con tutti i panieri TextMate, tutto può essere personalizzato; trigger completamento della scheda, alias (se si utilizza YD , invece di YAHOO.util.Dom per esempio), frammenti, e perfino la sintassi stessa colorazione. Se volete maggiori informazioni, vi è uno screencast di qualche anno fa, che è ancora straordinariamente attuale.

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

In the Wild per il 30 novembre 2009

Mentre torniamo in altalena delle cose post-Ringraziamento negli Stati Uniti, qui sono alcune delle voci relative YUI abbiamo notato nelle ultime settimane. Se abbiamo perso qualcosa, fateci sapere nei commenti, se volete contribuire con un articolo di YUIBlog sul proprio YUI lavori connessi, ci piacerebbe vederlo - si vedano le linee guida di contribuzione e invia il tuo articolo sopra.

• Matt Snider di YUI 3/PHP "Amazon Web Utility Services" : un nuovo grande progetto di Matt Snider, autore del Utility archiviazione YUI e frontend testa alla Mint.com: "Amazon Web Services (AWS) fornisce un potente strumento per la ricerca e la valutazione quasi ogni tipo di beni materiali. Se siete alla ricerca per parole chiave o il codice UPC, AWS in grado di fornire quasi tutte le informazioni di cui avrete mai bisogno di conoscere un prodotto. Tuttavia, Amazon ha messo un sacco di ostacoli tra voi e le informazioni che ha bisogno di te. In primo luogo, a partire da agosto 15, 2009, AWS ora richiede di firmare tutte le vostre richieste. In secondo luogo, avere la documentazione terribile e messaggi di errore confondere che non sempre spiegano come risolvere il problema. Amazon Web Utility servizi è un 3 YUI JavaScript / PHP soluzione che semplifica l'interazione con AWS gestendo la richiesta di firma processo automatico e sicuro, ed prevening o la gestione degli errori più comuni. Oltre a restituire il risultato come XML, vi è un ulteriore pacchetto 'gallery-AWS-json' che aggiunge funzionalità per analizzare i dati XML in oggetti JSON. "
• YUI 2 in uso a PayPal : Abbiamo conosciuto questo per un po ', ma ho capito che non l'ho menzionato YUIBlog in passato: PayPal è uno dei siti di molti consumatori finanziari utilizzando YUI. Attualmente, stiamo assistendo YUI 2.7.0 Yahoo, Dom, eventi, animazione e Connection Manager su alcune pagine del flusso di lavoro PayPal.
  
• Utilizzo del sito CutMyPic YUI ImageCropper and More : Scrive Sean : "Io e un amico ha costruito questo piccolo strumento , come ci siamo trovati sempre voglia di ritagliare le immagini, arrotondare gli angoli, e aggiungere un'ombra, ma non voleva aprire la CPU CS4 fame ogni volta. In questo sito, utilizziamo reset YUI , YUI ImageCropper e Slider YUI . Anche se ancora nella sua versione beta, ci siamo sentiti come il ImageCropper YUI è stata la più facile da modificare oltre a non doversi preoccupare di eventuali conflitti di librerie interne. "( fonte originale. )
  
• Caridy Patiño Mayea di YUI 3 Guida introduttiva : Caridy ha una grande serie di YUI 3 getting-started suggerimenti sul suo blog casuale Bubbles.
  
• YUI 2 e 3 in uso su ActiveLog.com : Chris da ActiveLog ha scritto per dirci "su un insieme di siti di salute e fitness che utilizzano YUI 2.x (presto di aggiungere qualche 3.x). Utilizziamo il Connection Manager, TreeView, Dialog, Slider e Calendar. ActiveLog è probabilmente il più popolare sito usiamo questi, ma abbiamo una manciata di altri siti partner che utilizzano le stesse tecnologie attraverso la nostra fitness-partners.com sito. "( fonte originale. )
  
• Migliorare YUI 3 DataSchema-XML : Dal prolifico Matt Snider: "Ho lavorato di recente messa a punto della Amazon Web Utility servizi , che ora supporta tutti i non-carrello operazioni e quasi tutti i gruppi di risposta possibili. Nel corso dello sviluppo della versione JSON dell'utilità, ho avuto l'opportunità di lavorare a stretto contatto con YUI3 di DataSchema-XML, e realizzato le sue varie carenze: non supporta gli schemi nidificati, l' resultListLocator non può essere un'istruzione XPath e tutte le ricerche fallire se il namespace XML di Amazon è inclusa. Questo articolo esaminerà in che modo ho realizzato i primi due miglioramenti ... "
  
• Base Jekyll Powered by YUI Grids CSS : Raphael Bauduin ha pubblicato il suo progetto Jekyll Base di GitHub. Scrive Raphael: "Stavo cercando un modo semplice e veloce a conservare i documenti per Dedomenon , il motore di memorizzazione delle informazioni dietro MyOwnDB.Com . Stavo cercando un sistema hosted non ho avuto di mantenere, ma che ancora mi dà il pieno controllo del contenuto in modo che possa passare a un altro sistema in seguito, se voglio. " Potete leggere maggiori informazioni sul progetto di Raffaello blog ("Jekyll, YUI e GitHub: Una grande combinazione") . ( fonte originale. )
• Sito KidZui Utilizzando YUI 2 Griglie : Noi non facciamo un grande lavoro di richiamare l'attenzione a tutti i siti che utilizzano uno dei YUI 2 componenti 's più popolari: griglie CSS . Ecco uno che ha attirato la nostra attenzione di recente - il sito per KidZui , un browser per bambini 3-12. Grande idea, ben implementato.
  
• @ Trittico, "YUI3 Trasforma in BYBBQ NIMBY" : Andrew Wooldridge scrive : "Come ho rovistando in YUI3, tanto da fastidio la sua mente te, dal momento che a nessuno piace essere attizzava, ho qualcosa di molto diverso avviso al riguardo. Con molte librerie javascript, si ha la sensazione che gli autori piacerebbe molto a rinunciare a tutti i lavori in altre biblioteche e partecipare alla "vera fede" di questa libreria. Invece di utilizzare il proprio codice per fare il drag and drop utilizzare OURS. Invece di usare AJAX di jQuery, utilizzare il nostro. Invece, ho l'impressione che YUI3 è molto più pragmatico il suo scopo. Invece di concatenamento di un modo di fare le cose, ha questa idea di "portare" in librerie e funzioni se ne hai effettivamente bisogno, invece di dumping lasciare che un altro pochi millisecondi pageload sul tuo sito all'inizio. Questo libera davvero a causa si può semplicemente caricare le ossa nude set di codice necessario per far funzionare le cose, e tirare in altre librerie su richiesta. E 'quasi come LOD per javascript .... "Ha altro da dire ... continuate a leggere sul suo blog .

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

Dicembre BayJax: John Resig, "Testing and Analysis JavaScript Performance"

BayJax torna a Yahoo! il 11 dicembre con una conferenza dal jQuery creatore John Resig ( @ jeresig ).

JavaScript Testing e analisi delle prestazioni

Yahoo! quartier generale a Sunnyvale. Edificio E, Aule 9 e 10. Pizza alle ore 05:30, parla inizio alle 18:15

Un discorso in due parti: una visione completa di ciò che è necessario sapere per testare correttamente il codice JavaScript e l'analisi delle tecniche popolari di test delle prestazioni JavaScript e sulle loro debolezze.

Prenotare un posto .

BayJax eventi a Yahoo! sono liberi al pubblico, e ci piacerebbe vedervi lì. Andate al sito BayJax per la registrazione .

Non vedo l'ora di vedere discorsi di Giovanni? Eccolo dalla sua ultima visita a Yahoo! (gennaio 2009) di formulare un discorso dal titolo "Il DOM è un casino":

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

YUI Theater - Kloots Todd: "Costruire Widgets Accessibili con YUI 3"

Noi avvolgere YUI Theater copertura di YUICONF 2009 con un discorso da Todd Kloots ( @ toddkloots ) sulle caratteristiche di accessibilità di YUI 3 : " Costruire Widgets Accessibili con YUI 3 . "Todd comprende il sostegno YUI per la gestione della tastiera, mettere a fuoco uno stile e di gestione, ARIA ruoli e stati, e molto altro. (Da non perdere altro discorso YUICONF Todd ", ha YUI 3 Sugar, "che è un grande fondo su altre gemme nascoste nella biblioteca.)

Se il video qui sotto incorporare non viene visualizzato correttamente nel vostro lettore RSS di scelta, essere sicuri di scegliere attraverso per visualizzare la versione ad alta risoluzione del video su YUI Theater , la versione scaricabile è molto più piccolo, come lo è ottimizzato per iPod , iPhone e altri dispositivi palmari.

• Scarica il video (m4v)
• Scarica le diapositive

Il Roster completo di YUICONF 2009 video su YUI Theater:

• Douglas Crockford: Lo Stato e futuro di JavaScript - Yahoo! JavaScript Architect Douglas Crockford discute la recente ECMA5 processo di sviluppo e gli sforzi per migliorare la lingua nel futuro.
• Brendan Eich: ECMA Harmony e il futuro di JavaScript - Brendan Eich, il creatore del linguaggio di programmazione più diffuso al mondo, parla della lotta per la proposta ES4 e come si è tradotto in uno specifico insieme di proposte di ES5.
• Luke Smith: Eventi Evolved - YUI ingegnere Luke Smith fornisce una introduzione profonda al sistema 3 evento YUI compreso il suo sostegno per gli eventi DOM, delega eventi, eventi sintetici ed eventi personalizzati.
• Todd Kloots: YUI 3 Zucchero - YUI engineer Todd Kloots presenta un'introduzione indispensabile per YUI potente suite di strumenti 3.
• Isaac Schlueter: risolvere i problemi con YUI 3 - YUI ingegnere Isaac Schlueter opera attraverso un mondo reale caso di utilizzo di widget prossima automatico dell'edificio YUI dei 3 anni.
• Dav Glass: Contribuire alla YUI - YUI ingegnere Dav Glass si presenta alla Galleria YUI e passi attraverso il processo di creazione di contributi al progetto YUI.
• Allen Rabinovich: YUI 3 Infografica - YUI ingegnere Allen Rabinovich discute l'implementazione YUI 3 Charts, attualmente in fase di sviluppo.
• Burke Reid: Applicazioni YAP costruzione con YUI - YUI ingegnere Burke Reid discute Yahoo! Application Platform e come si può utilizzare, insieme con YUI, per raggiungere il pubblico vasto Yahoo! 's.
• Matt Sweeney: YUI 3 Performance - YUI architetto Matt Sweeney esamina principi di alte prestazioni di sviluppo web e guarda al modo migliore per attuare tali principi in YUI tre progetti basati.
• Satyen Desai: A Walkthrough Widget - YUI ingegnere Satyen Desai prevede una visita dettagliata del sottosistema 3 widget di YUI.
• Kloots Todd: creazione di Widget Accessibili con YUI 3 - YUI engineer Todd Kloots dimostra il Toolkit per l'accessibilità integrata nel YUI 3.
• Chad Auld: Introduzione a PHP Loader - Chad Auld di Yahoo! introduce il YUI PHP Loader, uno strumento flessibile per il carico modulare JavaScript e CSS progetti.
• Eric Ferraiuolo: Web App per lo sviluppo con YUI 3 - Eric Ferraiuolo dei colloqui Software Oddnut sulle sfumature di distribuzione reali applicazioni web utilizzando YUI 3.
• Ron Adams: Test d'integrazione automatica con YUI Test, Selenio e Hudson - Yahoo! ingegnere Ron Adams discute la creazione di flussi di lavoro automatizzati QA che combinano YUI Test, Selenio e Hudson per automatizzare i test di unità JavaScript.
• Stephen Woods: Creazione di Documentazione bella con YUI Doc - Yahoo! frontend ingegnere Stephen Woods offre una visita guidata al motore documentazione YUI, YUI Doc. YUI Doc è il linguaggio-agnostic e può essere utilizzato per documentare una varietà di stili di progetto.
• Matt Snider: Introduzione 2.8.0 Utility archiviazione YUI - Matt Snider, l'ingegnere frontend piombo per Mint.com (recentemente acquisita da Intuit), ha contribuito l'utilità di archiviazione YUI nella release 2.8.0. In questa sessione, egli fornisce una panoramica delle caratteristiche del Utility Storage e le sfumature dei backend di memorizzazione diverse.
• Luke Smith: Debug in YUI 3 - YUI ingegnere Luke Smith discute l'arte di debug di applicazioni web, guardando gli strumenti e le tecniche generali e fornendo alcuni suggerimenti specifici sul debug in YUI 3.

Iscrizione a YUI Theater:

• YUI Theater RSS feed
• YUI Theater su iTunes

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

# Followfriday: YUI sviluppatori su Twitter

L' @ YUILibrary account su Twitter è una buona fonte di informazione per quelli di noi che seguono il progetto. Molti dei singoli sviluppatori che scrivono codice YUI ogni giorno sono ora in servizio come bene, e ho voluto raccogliere tutti questi conti insieme in un unico post per ragioni di convenienza.

Ecco la lista ufficiale , che si può seguire come gruppo, e qui sono i conti individuali:

• @ ADMO : Adam Moore è uno degli originali ingegneri YUI, tra molte altre cose, ha scritto l' utilità Event YUI , YUI Doc , e la versione originale del PHP YUI Loader .
• @ Allenr : Allen Rabinovich costruito YUI 2 di controllo Uploader e Utility SWF , sta attualmente lavorando con Bridges Tripp sul nuovo progetto di YUI 3 Charts .
• @ Caridy : Caridy è il nostro capo Miami Bureau e meglio conosciuto come l'autore della Biblioteca Bubbling per YUI 2 , abbiamo guardato il suo ultimo contributo galleria di ieri .
• @ Chadauld : Chad Auld è l'autore di Yahoo! 's Sideline applicazione AIR per Twitter ( costruito con YUI ), e ha guidato la versione open-source di PHP YUI Loader .
• @ Davglass : Dav fa troppe cose da elencare qui, ma il suo obiettivo 2009 è stato il YUILibrary.com sito e YUI 3 Galleria .
• @ Dezziness : Satyen Desai è al lavoro per costruire la YUI 3 widget di fondazione , che possiede Calendar e Container in tutto il mondo 2 YUI.
• @ Drdrace : Andres Narvaez lavora sul controllo YUI Carousel .
• @ G13n : Gopal Venkatesan è YUI Bangalore capo dell'ufficio e conduce lo sviluppo sul controllo YUI Carousel .
• @ Goonieiam : Gonzalo Cordero è un ingegnere frontend a Yahoo!, che sta organizzando la nostra partecipazione in BayJax Meetup di lavoro e ha contribuito al progetto YUI DataTable .
• @ IZS : Isaac Schlueter sta sviluppando il nuovo YUI 3 Controllo automatico e ha assunto lo sviluppo su YUI Compressor .
• @ Ls_n : Luke Smith è un codificatore, studioso e insegnante che possiede, tra le altre cose, l' utilità di YUI JSON .
• @ Msweeney : Matt Sweeney è un progetto di YUI architetto e autore di numerosi componenti in entrambi YUI 2 e 3, comprese la componente Node 3 YUI . ( Parlava al YUICONF 2009 sulle prestazioni in YUI 3 .)
• @ Slicknet : Nicholas Zakas funziona su YUI test , Profiler , e Cookie utilities.
• @ Standardpixel : Eric Gelinas ha contribuito lavoro sulla DataTable YUI controllo .
• @ Toddkloots : Todd Kloots è l'autore del Control 2 Menu YUI , in questi giorni, sta pensando intensamente sull'accessibilità e ARIA e fare in modo che YUI 3 è il più accessibile possibile . [Vale la pena notare che Victor Tsaran ( @ vick08 ) è il nostro consulente speciale sulle questioni di accessibilità.]

Nota: Come è il caso con le reti sociali in generale, quello che la gente post su Twitter rappresenta il loro capriccio momentaneo o profonda convinzione, non quella di Yahoo! o del progetto YUI.

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

YUI Theater - Isaac Schlueter: "Risoluzione dei problemi con YUI 3"

Isaac Schlueter ( @ IZS ) sta sviluppando il 3 YUI versione di completamento automatico . In questo YUICONF 2009 sessione, " Risoluzione dei problemi con YUI 3 ", ha spiega come sta lavorando con la YUI nocciolo 3 toolkit per affrontare le varie sfide insite nello sviluppo di un widget complesso.

Se il video qui sotto incorporare non viene visualizzato correttamente nel vostro lettore RSS di scelta, essere sicuri di scegliere attraverso per visualizzare la versione ad alta risoluzione del video su YUI Theater , la versione scaricabile è molto più piccolo, come lo è ottimizzato per iPod , iPhone e altri dispositivi palmari.

• Scarica il video (m4v)
• Scarica le diapositive

Altri recenti YUI Theater Video:

• Luke Smith: Eventi Evolved
• Kloots Todd: YUI 3 Zucchero
• Dav Glass: Contribuire alla YUI
• Allen Rabinovich: YUI 3 Infografica

Iscrizione a YUI Theater:

• YUI Theater RSS feed
• YUI Theater su iTunes

More from Isaac

Tech Talk Isaac con Matt Hackett dall'evento settembre Bayjax, " server-side JavaScript , "è disponibile con una trascrizione completa su YUI Theater .

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

Utilizzo di YUI 2 e YUI 3 Together: ancora più semplice con Utility Wrapper Caridy di

Il YUI 3 Galleria ottenuto un contributo interessante Nuovi di oggi: Caridy Patino Mayea di YUI 2 Utility Wrapper . Wrapper ti permette di tirare in YUI 2 moduli da 3 YUI use() dichiarazioni. Controlla la documentazione Caridy per il Wrapper qui .

Quanto è facile? Ecco un esempio completo . Tutto ciò che inizia con il 6.2KB (gzip) YUI 3 file seme; Wrapper Caridy e il built-in YUI 3 Loader prendersi cura del resto:

 <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js"> </ script>

 <div id="demo" class="yui-navset">
     <ul class="yui-nav">
         <li> <a href="#tab1"> Tab <em> One Label </ em> </ a> </ li>
         <li <a class="selected"> href="#tab2"> <em> Tab Two Label </ em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab Tre Label </ em> </ a> </ li>
     </ Ul>            
     <div class="yui-content">
         <div Tab <p> id="tab1"> One Content </ p> </ div>
         <div Tab <p> id="tab2"> Two Content </ p> </ div>
         <div Tab <p> id="tab3"> Tre Content </ p> </ div>
     </ Div>
 </ Div>

 <script language="javascript">

 YUI ({
     {moduli:
         'Gallery-yui2': {
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js',
             Richiede: ['node-base', 'get', 'async-coda'],
             optional: [],
             Sostituisce: []
       }
 
     }
 }). Uso ('gallery-yui2', function (Y) {
 
     Y.yui2 (). Uso ("visualizzazione a scheda", function () {
 
         myTabs var = new YAHOO.widget.TabView ("demo");
 
     });
 
 });

 </ Script> 

Controlla la YUI 2 Wrapper e molti altri sul Galleria 3 YUI .

Trova le conversazioni: bloglines | technorati

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!