Inizio Blog User Interface (YUIBlog)

YUI Theater - Cavanaugh Nate e Lundgren Eduardo: "Un rapido giro di componenti AlloyUI nel YUI 3 Gallery" (67 min.)

In questa sessione da YUICONF 2010, Liferay ingegneri Nate Cavanaugh e Eduardo parlare Lundgren sulle decine di alta qualità, basato su tre componenti YUI contribuito con la loro AlloyUI progetto per il 3 YUI Gallery . Non è possibile apprezzare l'intera gamma di quello che YUI 3 offre senza vedere ciò che Nate e Eduardo messo a disposizione per il vostro uso.

Se il video qui sotto incorporare non viene visualizzato correttamente nel tuo lettore RSS di scelta, essere sicuri di scegliere tramite per vedere la versione ad alta risoluzione del video su YUI Theater .

• Scaricare video HD (480p ~ 474MB)
• Scarica il video (m4v)

Altri recenti YUI Theater Video:

• Ryan Dahl: Node.js Roadmap - Node.js creatore Ryan Dahl offre uno dei più tecnici (e divertente) parla a YUICONF 2010, le immersioni nei dettagli di Node.js 's stato attuale e futura tabella di marcia.
• Nagesh Susarla: Costruire YQL Open tabelle dati con YQL Execute - YQL ingegnere Nagesh Susarla esplora il potere di eseguire YQL nella creazione di potenti dati tabelle aperte YQL.
• Mirek Grymuza e Josh Gordineer: YQL: Introduzione - Mirek Grymuza e Josh Gordineer sono membri del team che porta YQL, il notevole Yahoo servizio dati che trasforma internet in un database accessibile via familiare in stile sintassi SQL. In questa conversazione da YUICONF 2010, forniscono una introduzione di base alla storia YQL's, caratteristiche e usi di base.
• Nate Koechley: una tassonomia di Touch - YUI collaboratore Nate Koechley rompe gli elementi di primitive tocco, i gesti e la semantica, ponendo le fondamenta per la lingua più ampio di interazione touch che guida la classe emergente di dispositivi portatili.
• Nicholas C. Zakas: YUI Test - Inizio Front Page ingegnere, autore e collaboratore YUI Nicholas C. parla Zakas sul nuovo YUI Test progetto autonomo che è stato spezzato dal suo YUI YUI 2 e 3 radici.

Contenuti CC / Usato per gentile concessione:

• http://www.flickr.com/photos/uberlife/5161516499/
• http://www.flickr.com/photos/uberlife/5165069249/

Sottoscrizione di YUI Teatro:

• YUI Teatro RSS feed
• YUI Theater su iTunes

Trova conversazioni: bloglines | technorati

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

Teatro YUI - Dahl Ryan: "Node.js Roadmap" (48 min.)

Node.js creatore Ryan Dahl offre uno dei più tecnici (e divertente) parla a YUICONF 2010 , che esamina lo stato attuale del progetto del nodo e le sue attuali piani per il futuro del progetto.

Se il video qui sotto incorporare non viene visualizzato correttamente nel tuo lettore RSS di scelta, essere sicuri di scegliere tramite per vedere la versione ad alta risoluzione del video su YUI Theater .

• Scaricare video HD (480p ~ 334MB)
• Scarica il video (m4v)

Altri recenti YUI Theater Video:

• Nagesh Susarla: Costruire YQL Open tabelle dati con YQL Execute - YQL ingegnere Nagesh Susarla esplora il potere di eseguire YQL nella creazione di potenti dati tabelle aperte YQL.
• Mirek Grymuza e Josh Gordineer: YQL: Introduzione - Mirek Grymuza e Josh Gordineer sono membri del team che porta YQL, il notevole Yahoo servizio dati che trasforma internet in un database accessibile via familiare in stile sintassi SQL. In questa conversazione da YUICONF 2010, forniscono una introduzione di base alla storia YQL's, caratteristiche e usi di base.
• Nate Koechley: una tassonomia di Touch - YUI collaboratore Nate Koechley rompe gli elementi di primitive tocco, i gesti e la semantica, ponendo le fondamenta per la lingua più ampio di interazione touch che guida la classe emergente di dispositivi portatili.
• Nicholas C. Zakas: YUI Test - Inizio Front Page ingegnere, autore e collaboratore YUI Nicholas C. parla Zakas sul nuovo YUI Test progetto autonomo che è stato spezzato dal suo YUI YUI 2 e 3 radici.
• Tantek Çelik: HTML5: Right Here, Right Now - Autore e norme esperto Tantek Çelik, ex di Technorati, illustra lo stato attuale delle specifiche HTML5 e la loro disponibilità per l'utilizzo in applicazioni web di spedizione.

Contenuti CC / Usato per gentile concessione:

• http://www.flickr.com/photos/franksvalli/5163817732
• http://www.flickr.com/photos/uberlife/5159294099/

Sottoscrizione di YUI Teatro:

• YUI Teatro RSS feed
• YUI Theater su iTunes

Trova conversazioni: bloglines | technorati

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

YUI Teatro - Nagesh Susarla: "Costruire YQL Open tabelle di dati con YQL Execute" (37 min.)

In questa sessione di YUICONF 2010 , YQL ingegnere Nagesh Susarla esplora il potere di eseguire YQL nella creazione di potenti dati tabelle aperte YQL. (Se sei un nuovo YQL, da non perdere Myrek Grymuza e Josh Gordineer di " Introduzione alla YQL ", anche da YUICONF e disponibili su YUI Theater ).

Se il video qui sotto incorporare non viene visualizzato correttamente nel tuo lettore RSS di scelta, essere sicuri di scegliere tramite per vedere la versione ad alta risoluzione del video su YUI Theater .

• Scaricare video HD (480p ~ 274MB)
• Scarica il video (m4v)
• Scarica le diapositive

Altri recenti YUI Theater Video:

• Mirek Grymuza e Josh Gordineer: YQL: Introduzione - Mirek Grymuza e Josh Gordineer sono membri del team che porta YQL, il notevole Yahoo servizio dati che trasforma internet in un database accessibile via familiare in stile sintassi SQL. In questa conversazione da YUICONF 2010, forniscono una introduzione di base alla storia YQL's, caratteristiche e usi di base.
• Nate Koechley: una tassonomia di Touch - YUI collaboratore Nate Koechley rompe gli elementi di primitive tocco, i gesti e la semantica, ponendo le fondamenta per la lingua più ampio di interazione touch che guida la classe emergente di dispositivi portatili.
• Nicholas C. Zakas: YUI Test - Inizio Front Page ingegnere, autore e collaboratore YUI Nicholas C. parla Zakas sul nuovo YUI Test progetto autonomo che è stato spezzato dal suo YUI YUI 2 e 3 radici.
• Tantek Çelik: HTML5: Right Here, Right Now - Autore e norme esperto Tantek Çelik, ex di Technorati, illustra lo stato attuale delle specifiche HTML5 e la loro disponibilità per l'utilizzo in applicazioni web di spedizione.
• Mark Kawakami: Finger Tips: lezioni apprese dalla costruzione di una base-Touch Experience - Mark Kawakami di Yahoo! Sport vi porta attraverso alcune lezioni apprese in costruzione a base di esperienze di contatto per uno dei siti più popolari su Internet.

Sottoscrizione di YUI Teatro:

• YUI Teatro RSS feed
• YUI Theater su iTunes

Trova conversazioni: bloglines | technorati

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

YUI Theater - Grymuza Mirek e Gordineer Josh: "YQL: An Introduction" (45 min.)

Mirek Grymuza e Josh Gordineer sono membri del team che porta YQL , il notevole Yahoo servizio dati che trasforma internet in un database accessibile via familiare in stile sintassi SQL. In questa conversazione da YUICONF 2010 , forniscono una introduzione di base alla storia YQL, caratteristiche e usi di base.

Se il video qui sotto incorporare non viene visualizzato correttamente nel tuo lettore RSS di scelta, essere sicuri di scegliere tramite per vedere la versione ad alta risoluzione del video su YUI Theater .

• Scaricare video HD (480p ~ 347MB)
• Scarica il video (m4v)
• Scarica le diapositive

Altri recenti YUI Theater Video:

• Nate Koechley: una tassonomia di Touch - YUI collaboratore Nate Koechley rompe gli elementi di primitive tocco, i gesti e la semantica, ponendo le fondamenta per la lingua più ampio di interazione touch che guida la classe emergente di dispositivi portatili.
• Nicholas C. Zakas: YUI Test - Inizio Front Page ingegnere, autore e collaboratore YUI Nicholas C. parla Zakas sul nuovo YUI Test progetto autonomo che è stato spezzato dal suo YUI YUI 2 e 3 radici.
• Tantek Çelik: HTML5: Right Here, Right Now - Autore e norme esperto Tantek Çelik, ex di Technorati, illustra lo stato attuale delle specifiche HTML5 e la loro disponibilità per l'utilizzo in applicazioni web di spedizione.
• Mark Kawakami: Finger Tips: lezioni apprese dalla costruzione di una base-Touch Experience - Mark Kawakami di Yahoo! Sport vi porta attraverso alcune lezioni apprese in costruzione a base di esperienze di contatto per uno dei siti più popolari su Internet.
• Harmes Ross: Porting di Flickr per YUI 3 - Harmes Ross è un Frontend Manager Engineering su Flickr. In questa sessione, ha illustrato il processo la sua squadra ha subito nel riscrivere lo strato di front end utilizzando Flickr YUI 3, comprese le prestazioni e suggerimenti per il codice-organizzazione, nonché altre lezioni apprese.

Sottoscrizione di YUI Teatro:

• YUI Teatro RSS feed
• YUI Theater su iTunes

Trova conversazioni: bloglines | technorati

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

YUI Teatro - Nicholas C. Zakas: "Test YUI" (49 min.)

In questo video da YUICONF 2010 , Yahoo Front Page ingegnere, autore e collaboratore YUI Nicholas C. parla Zakas sul nuovo YUI Test progetto autonomo che è stato spezzato dal suo YUI YUI 2 e 3 radici. Tra gli argomenti trattati nel colloquio sono nuovi impianti in YUI di prova per la copertura del codice e l'integrazione di selenio.

Se il video qui sotto incorporare non viene visualizzato correttamente nel tuo lettore RSS di scelta, essere sicuri di scegliere tramite per vedere la versione ad alta risoluzione del video su YUI Theater .

• Scaricare video HD (480p ~ 349MB)
• Scarica il video (m4v)

Altri recenti YUI Theater Video:

• Nate Koechley: una tassonomia di Touch - YUI collaboratore Nate Koechley rompe gli elementi di primitive tocco, i gesti e la semantica, ponendo le fondamenta per la lingua più ampio di interazione touch che guida la classe emergente di dispositivi portatili.
• Tantek Çelik: HTML5: Right Here, Right Now - Autore e norme esperto Tantek Çelik, ex di Technorati, illustra lo stato attuale delle specifiche HTML5 e la loro disponibilità per l'utilizzo in applicazioni web di spedizione.
• Mark Kawakami: Finger Tips: lezioni apprese dalla costruzione di una base-Touch Experience - Mark Kawakami di Yahoo! Sport vi porta attraverso alcune lezioni apprese in costruzione a base di esperienze di contatto per uno dei siti più popolari su Internet.

Sottoscrizione di YUI Teatro:

• YUI Teatro RSS feed
• YUI Theater su iTunes

Trova conversazioni: bloglines | technorati

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

Nel YUI 3 Galleria: Server-Sent Eventi

Notifiche Push sul web sono in aumento in popolarità, come dimostra l'eccitazione per Sockets Web , e con buona ragione. Il web si sta spostando verso più precise e di informazioni aggiornate in quanto il pubblico volta a Internet per aggiornamenti in tempo reale delle scorte, notizie, sport e altro ancora. Mentre Sockets Web rappresenta un passo da gigante in avanti nel regno delle notifiche push, c'è una nota specifica minore che può essere considerato un piccolo salto in avanti: -Sent eventi del server .

Eventi Server-Sent (SSE) sono mirati a rendere più facili le notifiche push con la costruzione di sopra delle tecniche che gli sviluppatori stanno già utilizzando. Al contrario di Sockets Web, SSE utilizza una normale connessione HTTP per comunicare con il server e consente di decidere se utilizzare lo streaming HTTP , polling lungo anche regolare polling o, per recuperare i dati nuovi (anche se questo non è consigliato).

Al centro della SSE è la EventSource oggetto. The YUI 3 Galleria EventSource modulo crea un browser attuazione croce di EventSource , portando il supporto per-Sent eventi del server per tutti i browser che supportano le XMLHttpRequest , inclusi Internet Explorer 6, nel ricadere per l'attuazione nativo nei browser che hanno (al momento Safari 5, 7 Chrome e Opera 10.7).

The EventSource interpreta una risposta come un flusso di eventi (significata da un tipo di contenuto "text / evento-stream") e gli incendi eventi appropriati. Ci sono tre eventi predefiniti:

• open - si accende quando la connessione con il server è stato stabilito.
• message - si accende quando un nuovo messaggio viene ricevuto dal server. Il event.data proprietà contiene i nuovi dati.
• error - si attiva quando si verifica un errore nella elaborazione del flusso di eventi. Una volta che questo evento si attiva, senza ulteriori eventi saranno trattati e la connessione al server è definitivamente chiuso.

Il flusso di eventi è di per sé dati di testo normale costituito dalla parola chiave "dei dati:" seguito da alcuni dati su una singola riga. Se desiderate avere più righe, è necessario includere più righe con "data:" prefissi. Una riga vuota viene considerato il confine tra eventi. Ecco un semplice esempio:

 data: hello data: hello data: world 

Due message eventi vengono generati con questo flusso di eventi. La prima ha event.data impostato su "ciao" mentre il secondo ha event.data impostato su "ciao \ nworld" (notare la nuova linea).

Ecco un esempio di creazione di un nuovo EventSource esempio:

 YUI({ gallery: 'gallery-2010.11.17-21-32' }).use('gallery-eventsource', function(Y) { var src = new Y.EventSource("stream.php"); src.on("open", function(event){ console.log("Connection opened!"); }); src.on("message", function(event){ console.log("Data received: " + event.data); }); src.on("error", function(event){ console.log("Error!"); }); }); 

Il costruttore accetta un unico argomento, che è l'URL del flusso di eventi. The e utile parte interessante del EventSource è che si riconnette automaticamente al server se la connessione è persa per qualsiasi motivo. In questo modo gli sviluppatori libera dalla necessità di preoccuparsi di scollegare e ricollegare, una denuncia frequente quando si utilizza XMLHttpRequest per le notifiche push.

Anche se il YUI 3 Galleria modulo EventSource partite le specifiche con il supporto per lo streaming HTTP, polling lungo, e sondaggi di regolare, non tutti i browser supportano tutti e tre. Internet Explorer (fino al versione 9) non supporta lo streaming HTTP, mentre si può facilmente gestire polling lungo o regolare. L'utilizzo consigliato di questo modulo è quello di costruire la vostra esperienza con una implementazione di polling lungo per ottenere le migliori prestazioni e compatibilità.

Se desideri ottimizzare per i browser che supportano lo streaming HTTP, il modulo definisce una speciale X-YUIEventSource-PollOnly intestazione quando rileva un browser che non possono utilizzare lo streaming HTTP. È possibile verificare questa intestazione sul server per determinare il modo corretto per servire dati. Ecco un esempio di implementazione utilizza JSP:

 <%@page contentType="text/event-stream" buffer="none"%> <% //check for poll-only header String header = request.getHeader("X-YUIEventSource-PollOnly"); //check every so often to see if there's new data while(true) { //sleep for a second - simulate waiting for data Thread.sleep(1000); //output the current time, ensure there are two trailing newlines out.print("data: " + (new java.util.Date()).toString() + "x\n\n"); out.flush(); //if it's a poll-only request, break the loop, //which ends the request - the client will reconnect if (header != null){ break; } } %> 

E 'abbastanza facile migrare le soluzioni esistenti polling lungo per essere utilizzato SSE, a condizione che il formato dei dati è semplice. Poiché il formato dei flussi di eventi è line-based, che potrebbe significare la riformattazione dei dati a sedersi su una sola riga, invece di più righe.

Mentre SSE non avrà mai le stesse caratteristiche come prese a causa di Web utilizzando HTTP, esso non rappresenta una logica evoluzione delle notifiche push nei browser. SSE è possibile sostituire i vecchi XMLHttpRequest basato soluzioni con meno codice e migliore gestione degli errori, tutto, mantenendo l'autenticazione stesso paradigma.

La YUI 3 Galleria EventSource modulo implementa quasi tutte le specifiche SSE (potete vedere nel codice sorgente che le parti non sono ancora attuate cercando "TODO", commenta). Questo perché alcune delle caratteristiche sono vagamente descritti. Il modulo supporta le seguenti caratteristiche:

• eventi semplici (fuoco message evento).
• Gli eventi personalizzati (il fuoco di un evento che corrisponde al nome specificato in "evento")
• ID evento (catturato in event.lastEventId e inviate al server)

Le parti che devono ancora essere attuate sono il supporto per i tempi di riconnessione e il event.origin proprietà. In caso contrario, tutto il resto dovrebbe comportarsi la stessa applicazione nativa.

Approfondimenti

• Introduzione al-Sent eventi del server
• Il lungo viaggio di-Sent eventi del server

Trova conversazioni: bloglines | technorati

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

YUI Teatro - Koechley Nate: "Una tassonomia di Touch" (36 min.)

Nate Koechley, uno dei primi membri del team di YUI, è tornato a Yahoo! per YUICONF 2010 e ruppe gli elementi di primitive tocco, i gesti e la semantica, ponendo le fondamenta per la lingua più ampio di interazione touch che guida la classe emergente di dispositivi portatili. Questo è un discorso fantastico per tutti coloro che pensare al grande quadro di interazione e contatto via di sviluppo per interfacce utente touch.

Se il video qui sotto incorporare non viene visualizzato correttamente nel tuo lettore RSS di scelta, essere sicuri di scegliere tramite per vedere la versione ad alta risoluzione del video su YUI Theater .

• Scaricare video HD (480p ~ 262MB)
• Scarica il video (m4v)
• Scarica le diapositive

Altri recenti YUI Theater Video:

• Tantek Çelik: HTML5: Right Here, Right Now - Autore e norme esperto Tantek Çelik, ex di Technorati, illustra lo stato attuale delle specifiche HTML5 e la loro disponibilità per l'utilizzo in applicazioni web di spedizione.
• Mark Kawakami: Finger Tips: lezioni apprese dalla costruzione di una base-Touch Experience - Mark Kawakami di Yahoo! Sport vi porta attraverso alcune lezioni apprese in costruzione a base di esperienze di contatto per uno dei siti più popolari su Internet.
• Harmes Ross: Porting di Flickr per YUI 3 - Harmes Ross è un Frontend Manager Engineering su Flickr. In questa sessione, ha illustrato il processo la sua squadra ha subito nel riscrivere lo strato di front end utilizzando Flickr YUI 3, comprese le prestazioni e suggerimenti per il codice-organizzazione, nonché altre lezioni apprese.
• Dion Almaer, Ben Galbraith, Elaine Wherry, Thomas Sha, Joe Hewitt, Ryan Dahl, Tantek Çelik, e Douglas Crockford: YUICONF 2010 Tavola Rotonda: Il futuro del Frontend Ingegneria - Moderato da Dion Almaer e Ben Galbraith, questo pannello distinto esplorato il vicino futuro della disciplina in in un momento di grandi cambiamenti. Panelists incluso Elaine Wherry, fondatore e architetto frontend a Meebo, Douglas Crockford, architetto JavaScript Yahoo!; Tantek Çelik, tecnologo e autore; Ryan Dahl, autore di Node.js; Joe Hewitt di Facebook, creatore di Firebug e uno dei più scaricato le applicazioni mobili di tutti i tempi (Facebook per IOS), Thomas Sha, fondatore YUI a Yahoo!.

Contenuti CC / Usato per gentile concessione:

• http://www.flickr.com/photos/franksvalli/5166427994/
• http://www.flickr.com/photos/franksvalli/5166427652/
• http://www.flickr.com/photos/franksvalli/5166428236/

Sottoscrizione di YUI Teatro:

• YUI Teatro RSS feed
• YUI Theater su iTunes

Trova conversazioni: bloglines | technorati

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