Yahoo! User Interface Blog (YUIBlog)

YUI Theater - Nate Cavanaugh und Eduardo Lundgren: "Eine rasante Tour duch AlloyUI Komponenten im YUI 3 Galerie" (67 min.)

In dieser Sitzung aus YUICONF 2010, Liferay Ingenieure Nate Cavanaugh und Eduardo Lundgren sprechen über die Dutzende von hochwertigen, 3-basierten Komponenten beigetragen YUI durch ihre AlloyUI Projekt auf die YUI 3 Galerie . Sie können nicht zu schätzen das gesamte Spektrum dessen, was YUI 3 bietet ohne zu sehen, was Nate und Eduardo haben für Ihren Einsatz.

Wenn das Video unter einbinden nicht richtig in Ihrem RSS-Reader der Wahl, müssen Sie klicken, um Theater zu sehen die hochauflösende Version des Videos auf YUI .

• Download HD-Videos (480p ~ 474MB)
• Video herunterladen (m4v)

Andere neueste YUI Theater Videos:

• Ryan Dahl: Node.js Roadmap - Node.js Schöpfer Ryan Dahl liefert eine der technischen (und amüsant) spricht bei YUICONF 2010, Tauchen in die Details der Node.js 's Gegenwart und Zukunft "Roadmap".
• Nagesh Susarla: Building YQL Open Data Tables mit YQL Ausführen - YQL Ingenieur Nagesh Susarla erforscht die Macht der YQL Tabellen ausführen bei der Erstellung von leistungsstarken YQL offenen Daten.
• Mirek Grymuza und Josh Gordineer: YQL: Eine Einführung - Mirek Grymuza und Josh Gordineer sind Mitglieder des Teams, dass Sie bringt YQL, die bemerkenswerte Yahoo Datendienst, Internet dreht die in einer Datenbank im Internet über vertraute SQL-artige Syntax. In diesem Vortrag von YUICONF 2010, bieten sie eine Einführung in die Grundlinie YQL Geschichte, Funktionen und-Kern verwendet.
• Nate Koechley: A Taxonomy of Touch - YUI Beitragszahler Nate Koechley bricht die Elemente der Touch-Primitiven, Gesten und Semantik, legt einen Grundstein für die weitere Sprache der Berührung Wechselwirkungen treiben die neue Klasse von portabel.
• Nicholas C. Zakas: YUI Test - Yahoo! Front Page Ingenieur, Autor und YUI Beitragszahler Nicholas C. Zakas spricht über das neue Standalone-YUI Test-Projekt, der gebrochen hat Wurzeln wurde aus seiner YUI 2 und YUI 3.

CC Content / mit freundlicher Genehmigung verwendet:

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

Abonnieren von YUI Theater:

• YUI Theater RSS-Feeds
• YUI Theater auf iTunes

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

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

Node.js Schöpfer Ryan Dahl liefert eine der technischen (und amüsant) spricht bei YUICONF 2010 , die Überprüfung der aktuellen Zustand der Knoten Projekt und seine aktuellen Pläne für das Projekt Zukunft.

Wenn das Video unter einbinden nicht richtig in Ihrem RSS-Reader der Wahl, müssen Sie klicken, um Theater zu sehen die hochauflösende Version des Videos auf YUI .

• Download HD-Videos (480p ~ 334MB)
• Video herunterladen (m4v)

Andere neueste YUI Theater Videos:

• Nagesh Susarla: Building YQL Open Data Tables mit YQL Ausführen - YQL Ingenieur Nagesh Susarla erforscht die Macht der YQL Tabellen ausführen bei der Erstellung von leistungsstarken YQL offenen Daten.
• Mirek Grymuza und Josh Gordineer: YQL: Eine Einführung - Mirek Grymuza und Josh Gordineer sind Mitglieder des Teams, dass Sie bringt YQL, die bemerkenswerte Yahoo Datendienst, Internet dreht die in einer Datenbank im Internet über vertraute SQL-artige Syntax. In diesem Vortrag von YUICONF 2010, bieten sie eine Einführung in die Grundlinie YQL Geschichte, Funktionen und-Kern verwendet.
• Nate Koechley: A Taxonomy of Touch - YUI Beitragszahler Nate Koechley bricht die Elemente der Touch-Primitiven, Gesten und Semantik, legt einen Grundstein für die weitere Sprache der Berührung Wechselwirkungen treiben die neue Klasse von portabel.
• Nicholas C. Zakas: YUI Test - Yahoo! Front Page Ingenieur, Autor und YUI Beitragszahler Nicholas C. Zakas spricht über das neue Standalone-YUI Test-Projekt, der gebrochen hat Wurzeln wurde aus seiner YUI 2 und YUI 3.
• Tantek Çelik: HTML5: Right Here, Right Now - und Standards Experte Tantek Çelik, der früher an Technorati, beschreibt Autor den aktuellen Stand der HTML5-Spezifikationen und ihre Bereitschaft für den Einsatz in der Schifffahrt Web-Anwendungen.

CC Content / mit freundlicher Genehmigung verwendet:

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

Abonnieren von YUI Theater:

• YUI Theater RSS-Feeds
• YUI Theater auf iTunes

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI Theater - Nagesh Susarla: "Building YQL Open Data Tables mit YQL Execute" (37 min.)

In dieser Sitzung aus YUICONF 2010 , Ingenieur Nagesh Susarla erforscht YQL die Macht der YQL Tabellen ausführen bei der Erstellung von leistungsstarken YQL offenen Daten. (Wenn Sie YQL noch nicht mit, verpassen Sie nicht Myrek Grymuza und Josh Gordineer's " Einführung in die YQL ", ebenfalls aus YUICONF und auf YUI Theater .)

Wenn das Video unter einbinden nicht richtig in Ihrem RSS-Reader der Wahl, müssen Sie klicken, um Theater zu sehen die hochauflösende Version des Videos auf YUI .

• Download HD-Videos (480p ~ 274MB)
• Video herunterladen (m4v)
• Download Folien

Andere neueste YUI Theater Videos:

• Mirek Grymuza und Josh Gordineer: YQL: Eine Einführung - Mirek Grymuza und Josh Gordineer sind Mitglieder des Teams, dass Sie bringt YQL, die bemerkenswerte Yahoo Datendienst, Internet dreht die in einer Datenbank im Internet über vertraute SQL-artige Syntax. In diesem Vortrag von YUICONF 2010, bieten sie eine Einführung in die Grundlinie YQL Geschichte, Funktionen und-Kern verwendet.
• Nate Koechley: A Taxonomy of Touch - YUI Beitragszahler Nate Koechley bricht die Elemente der Touch-Primitiven, Gesten und Semantik, legt einen Grundstein für die weitere Sprache der Berührung Wechselwirkungen treiben die neue Klasse von portabel.
• Nicholas C. Zakas: YUI Test - Yahoo! Front Page Ingenieur, Autor und YUI Beitragszahler Nicholas C. Zakas spricht über das neue Standalone-YUI Test-Projekt, der gebrochen hat Wurzeln wurde aus seiner YUI 2 und YUI 3.
• Tantek Çelik: HTML5: Right Here, Right Now - und Standards Experte Tantek Çelik, der früher an Technorati, beschreibt Autor den aktuellen Stand der HTML5-Spezifikationen und ihre Bereitschaft für den Einsatz in der Schifffahrt Web-Anwendungen.
• Mark Kawakami: Finger Tips: Lessons Learned Erfahrung vom Bau eines Touch-Based - Mark Kawakami von Yahoo Sports führt Sie durch einige Lektionen gelernt Internet im Gebäude touch-basierte Erlebnisse für eine der beliebtesten Websites im Internet.

Abonnieren von YUI Theater:

• YUI Theater RSS-Feeds
• YUI Theater auf iTunes

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI Theater - Mirek Grymuza und Josh Gordineer: "YQL: Eine Einführung" (45 min.)

Mirek Grymuza und Josh Gordineer sind Mitglieder des Teams, dass Sie bringt YQL , die bemerkenswerte Yahoo Datendienst, Internet dreht die in einer Datenbank im Internet über vertraute SQL-artige Syntax. In diesem Vortrag von YUICONF 2010 , bieten sie eine Einführung in die Grundlinie YQL Geschichte, Funktionen und-Kern verwendet.

Wenn das Video unter einbinden nicht richtig in Ihrem RSS-Reader der Wahl, müssen Sie klicken, um Theater zu sehen die hochauflösende Version des Videos auf YUI .

• Download HD-Videos (480p ~ 347MB)
• Video herunterladen (m4v)
• Download Folien

Andere neueste YUI Theater Videos:

• Nate Koechley: A Taxonomy of Touch - YUI Beitragszahler Nate Koechley bricht die Elemente der Touch-Primitiven, Gesten und Semantik, legt einen Grundstein für die weitere Sprache der Berührung Wechselwirkungen treiben die neue Klasse von portabel.
• Nicholas C. Zakas: YUI Test - Yahoo! Front Page Ingenieur, Autor und YUI Beitragszahler Nicholas C. Zakas spricht über das neue Standalone-YUI Test-Projekt, der gebrochen hat Wurzeln wurde aus seiner YUI 2 und YUI 3.
• Tantek Çelik: HTML5: Right Here, Right Now - und Standards Experte Tantek Çelik, der früher an Technorati, beschreibt Autor den aktuellen Stand der HTML5-Spezifikationen und ihre Bereitschaft für den Einsatz in der Schifffahrt Web-Anwendungen.
• Mark Kawakami: Finger Tips: Lessons Learned Erfahrung vom Bau eines Touch-Based - Mark Kawakami von Yahoo Sports führt Sie durch einige Lektionen gelernt Internet im Gebäude touch-basierte Erlebnisse für eine der beliebtesten Websites im Internet.
• Ross Harmes: Portierung auf Flickr YUI 3 - Ross Harmes ist ein Frontend Engineering Manager bei Flickr. In dieser Session diskutiert er den Prozess sein Team in Umschreiben der Flickr-Frontend-Schicht mit YUI 3, einschließlich Leistung und Code-Organisation Tipps sowie weitere Erkenntnisse unterzogen wurde.

Abonnieren von YUI Theater:

• YUI Theater RSS-Feeds
• YUI Theater auf iTunes

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

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

In diesem Video aus YUICONF 2010 , Yahoo Startseite Ingenieur, Autor und YUI Beitragszahler Nicholas C. Zakas spricht über das neue Standalone-YUI Test-Projekt, der gebrochen hat Wurzeln wurde aus seiner YUI 2 und YUI 3. Zu den Themen in der Diskussion bedeckt sind neue Anlagen in YUI Test für Code Coverage und Selen Integration.

Wenn das Video unter einbinden nicht richtig in Ihrem RSS-Reader der Wahl, müssen Sie klicken, um Theater zu sehen die hochauflösende Version des Videos auf YUI .

• Download HD-Videos (480p ~ 349MB)
• Video herunterladen (m4v)

Andere neueste YUI Theater Videos:

• Nate Koechley: A Taxonomy of Touch - YUI Beitragszahler Nate Koechley bricht die Elemente der Touch-Primitiven, Gesten und Semantik, legt einen Grundstein für die weitere Sprache der Berührung Wechselwirkungen treiben die neue Klasse von portabel.
• Tantek Çelik: HTML5: Right Here, Right Now - und Standards Experte Tantek Çelik, der früher an Technorati, beschreibt Autor den aktuellen Stand der HTML5-Spezifikationen und ihre Bereitschaft für den Einsatz in der Schifffahrt Web-Anwendungen.
• Mark Kawakami: Finger Tips: Lessons Learned Erfahrung vom Bau eines Touch-Based - Mark Kawakami von Yahoo Sports führt Sie durch einige Lektionen gelernt Internet im Gebäude touch-basierte Erlebnisse für eine der beliebtesten Websites im Internet.

Abonnieren von YUI Theater:

• YUI Theater RSS-Feeds
• YUI Theater auf iTunes

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

In der Galerie YUI 3: Server-Ereignissen gesendet

Push-Benachrichtigungen zu finden sind immer beliebter in, wie über belegt durch die Aufregung Web Sockets und mit gutem Grund. Die Bahn wird auf Bewegung genauer und up-to-date Informationen wie das Publikum wiederum mit dem Internet für Echtzeit-Updates von Beständen, Nachrichten, Sport und vieles mehr. Während Web Sockets ist ein riesiger Sprung nach vorn im Bereich der Push-Benachrichtigungen, gibt es eine weniger bekannte, dass spec Sprung nach vorne klein sein kann als ein: Server-Sent Veranstaltungen .

Server-Sent Veranstaltungen (SSE) sind ebenfalls zu machen, Push-Benachrichtigungen leichter durch den Bau auf der Techniken, die Entwickler bereits ausgerichtet sind. Als Sockel im Gegensatz zu Web verwendet SSE regulären HTTP-Server kommunizieren mit dem und ermöglicht es Ihnen, zu entscheiden, ob die Verwendung von HTTP-Streaming , lange Polling oder sogar regelmäßige Abfragen, um Daten abzurufen neuen (obwohl dies nicht empfohlen).

Im Herzen der SSE ist die EventSource Objekt. Die YUI 3 Galerie EventSource Modul erstellt eine Cross-Browser-Implementierung EventSource , womit Unterstützung für Server-Sent Veranstaltungen zu allen Browsern, die Unterstützung XMLHttpRequest , einschließlich Internet Explorer 6, während Zurückfallen auf die native Implementierung in Browsern, die es haben (derzeit Safari 5, Chrom 7 und Opera 10,7).

Die EventSource interpretiert eine Antwort als ein Ereignis Strom (Signifikat durch einen Content-Typ "text / Event-Stream") und Brände entsprechende Veranstaltungen. Es gibt drei vordefinierte Ereignisse:

• open - wird ausgelöst, wenn die Verbindung mit dem Server hergestellt wurde.
• message - wird ausgelöst, wenn eine neue Nachricht dem Server empfangen wird aus. Die event.data Eigenschaft enthält die neuen Daten.
• error - wird ausgelöst, wenn ein Fehler auftritt Bach in der Bearbeitung der Veranstaltung. Sobald dieses Ereignis ausgelöst wird, werden keine weiteren Ereignisse verarbeitet und die Verbindung zum Server ist permanent geschlossen.

Die Veranstaltung Strom selbst ist Klartext-Daten aus dem Schlüsselwort gemacht "Daten:" von einigen Daten auf einer einzigen Linie gefolgt. Wenn Sie mehrere Zeilen haben wollen, müssen Sie mehrere Zeilen mit "Daten:" Präfixe. Eine leere Zeile wird als die Grenze zwischen den Ereignissen. Hier ein einfaches Beispiel:

 data: hello data: hello data: world 

Zwei message Veranstaltungen sind Strom befeuert mit dieser Veranstaltung. Die erste hat event.data auf "Hallo", während der zweite hat event.data ) auf "hallo \ nworld" (man beachte die neue Zeile.

Hier ist ein Beispiel für das Erstellen einer neuen EventSource Beispiel:

 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!"); }); }); 

Der Konstruktor akzeptiert ein einziges Argument, das die URL der Event-Stream ist. Die interessante und nützliche Teil EventSource ist, dass es sich automatisch wieder an den Server, wenn die Verbindung verloren gegangen ist jeder Grund für. Dies befreit die Entwickler von zu müssen mit Sorge unterbrechen und wiederherstellen, eine häufige Beschwerde beim XMLHttpRequest für Push-Benachrichtigungen.

Auch wenn die YUI 3 Galerie EventSource Modul entspricht der Spezifikation mit Unterstützung für HTTP-Streaming, lange Polling und regelmäßige Umfragen, unterstützen nicht alle Browser alle drei. Internet Explorer (bis einschließlich Version 9) nicht unterstützt HTTP-Streaming, während sie leicht verlängert oder regelmäßigen Polling. Die empfohlene Verwendung dieses Moduls ist es, Ihre Erfahrungen mit einer langen Polling-Implementierung für optimale Leistung und Kompatibilität zu bauen.

Wenn Sie Streaming HTTP möchte optimieren für Browser, die Unterstützung, Modul setzt das eine spezielle X-YUIEventSource-PollOnly Header, wenn es erkennt Streaming ein Browser das nicht können HTTP verwenden. Sie können für diesen Header auf dem Server überprüfen, um den richtigen Weg, um Daten dienen zu bestimmen. Hier ist ein Beispiel für die Implementierung mit Hilfe von 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; } } %> 

Es ist ziemlich einfach zu migrieren bestehende Long Polling Lösungen für SSE verwenden, sofern das Datenformat ist einfach. Da das Format der Veranstaltung Streams Line-Basis, das könnte bedeuten, Neuformatierung einige Daten auf einer einzigen Zeile anstatt mehrere Zeilen zu sitzen.

Während SSE nie werden die gleichen Leistungsmerkmale wie Web Sockets durch Verwendung von HTTP, stellt sie eine logische Weiterentwicklung der Push-Benachrichtigungen in Browsern. SSE können ältere ersetzen XMLHttpRequest -basierte Lösungen mit weniger Code und bessere Fehlerbehandlung, alle unter Beibehaltung der gleichen Authentifizierung Paradigma.

Die YUI 3 Galerie EventSource Modul implementiert fast alle der SSE spec (Sie können im Quellcode, welche Teile noch nicht nach "TODO", kommentiert umgesetzt zu sehen). Dies liegt daran, einige der Features vage beschrieben werden. Das Modul unterstützt die folgenden Features:

• Einfache Ereignisse (Brand message Veranstaltung).
• Benutzerdefinierte Ereignisse (Brand einer Veranstaltung passend zum Namen in der angegebenen "Veranstaltung:")
• Ereignis-IDs (gefangen in event.lastEventId und an den Server gesendet)

Die Teile, die erst noch umgesetzt werden sollen Unterstützung für Wiederanschluss Zeiten und die event.origin Eigentum. Ansonsten alles andere sollte die gleiche wie die native Implementierung verhalten.

Weiterführende Literatur

• Einführung in serverbasierte Gesendet Veranstaltungen
• Die lange Reise des Server-Sent Veranstaltungen

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

YUI Theater - Nate Koechley: "Eine Taxonomie Touch" (36 min.)

Nate Koechley, eines der frühen Mitglieder der YUI-Team, kam zurück, um für YUICONF 2010 Yahoo! und brach die Elemente der Touch-Primitiven, Gesten und Semantik, legt einen Grundstein für die weitere Sprache der Berührung Wechselwirkungen, dass die neue Klasse von Laufwerk tragbare Geräte. Dies ist eine fantastische sprechen für alle, die denken, das große Bild von Touch-Interaktionen und Entwicklung für Touch-Benutzeroberflächen.

Wenn das Video unter einbinden nicht richtig in Ihrem RSS-Reader der Wahl, müssen Sie klicken, um Theater zu sehen die hochauflösende Version des Videos auf YUI .

• Download HD-Videos (480p ~ 262MB)
• Video herunterladen (m4v)
• Download Folien

Andere neueste YUI Theater Videos:

• Tantek Çelik: HTML5: Right Here, Right Now - und Standards Experte Tantek Çelik, der früher an Technorati, beschreibt Autor den aktuellen Stand der HTML5-Spezifikationen und ihre Bereitschaft für den Einsatz in der Schifffahrt Web-Anwendungen.
• Mark Kawakami: Finger Tips: Lessons Learned Erfahrung vom Bau eines Touch-Based - Mark Kawakami von Yahoo Sports führt Sie durch einige Lektionen gelernt Internet im Gebäude touch-basierte Erlebnisse für eine der beliebtesten Websites im Internet.
• Ross Harmes: Portierung auf Flickr YUI 3 - Ross Harmes ist ein Frontend Engineering Manager bei Flickr. In dieser Session diskutiert er den Prozess sein Team in Umschreiben der Flickr-Frontend-Schicht mit YUI 3, einschließlich Leistung und Code-Organisation Tipps sowie weitere Erkenntnisse unterzogen wurde.
• Dion Almaer, Ben Galbraith, Elaine Wherry, Thomas Sha, Joe Hewitt, Ryan Dahl, Tantek Çelik und Douglas Crockford: YUICONF 2010 Podiumsdiskussion: Die Zukunft der Frontend-Engineering - Moderiert von Dion Almaer und Ben Galbraith, aufstrebenden Panel erkundet diese naher Zukunft der Disziplin in einer Zeit großer Veränderungen. Diskussionsteilnehmer inbegriffen Elaine Wherry, Gründer und Frontend-Architekt bei Meebo, Douglas Crockford, JavaScript-Architekt bei Yahoo!; Tantek Çelik, Technologe und Autor; Ryan Dahl, den Schöpfer des Node.js; Joe Hewitt von Facebook, der Schöpfer von Firebug und einem der heruntergeladen mobile Anwendungen aller Zeiten (Facebook für IOS), Thomas Sha, YUI Gründer bei Yahoo!.

CC Content / mit freundlicher Genehmigung verwendet:

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

Abonnieren von YUI Theater:

• YUI Theater RSS-Feeds
• YUI Theater auf iTunes

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!