2009 »November» Yahoo! User Interface Blog (YUIBlog)

Aktualisiert TextMate Bundle für YUI 2.8.0

30. November 2009 um 15.15 Uhr von Ross Harmes | In Entwicklung | 1 Kommentar

Ross Harmes ist ein Frontend-Ingenieur für Flickr . Er ist Autor des Buches Pro JavaScript Design Patterns , und er trug ein Kapitel auf die kommende Volumen High Performance JavaScript von O'Reilly.

Ich habe vor kurzem meinen YUI Bundle für gebracht TextMate mit bis zu Version 2.8.0 der Bibliothek dem Laufenden. Es bietet Syntax-Einfärbung und Dokumentation Look-up für alle Versorgungsunternehmen und Widgets, sowie Tab-Vervollständigung für die am häufigsten verwendeten Teile der Bibliothek.

Es gibt zwei Möglichkeiten, um das Bündel zu erhalten:

Verwenden Sie Subversion zum Auschecken einer die aktuellste Kopie

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

Laden Sie das Paket , entpacken Sie es und steckte es in die ~ / Library / Application \ Support / TextMate / Bundles Verzeichnis

Sie können die Bundle-Editor innerhalb von TextMate verwenden, um verschiedene Code-Schnipsel und Befehle anzeigen und vertrauter mit dem Bündel. Wie bei allen TextMate Bundles, alles kann angepasst werden; tab completion Trigger, Aliase (wenn Sie YD statt YAHOO.util.Dom zum Beispiel), Schnipsel und sogar der Syntaxfarbe sich. Wenn Sie mehr Informationen wollen, gibt es ein Screencast von vor ein paar Jahren, die noch erstaunlich aktuell.

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

In the Wild für 30. November 2009

30. November 2009 um 12.43 Uhr von Eric Miraglia | In In the Wild | 1 Kommentar

Als wir wieder in Schwung zu kommen nach Thanksgiving in den USA, hier zu bekommen sind einige der YUI-bezogene Artikel, die wir in den letzten Wochen bemerkt haben. Wenn wir etwas verpasst haben, lassen Sie uns wissen in den Kommentaren, wenn Sie möchten, um einen Artikel zu YUIBlog auf eigene Faust YUI-bezogene Arbeit beitragen, würden wir gerne sehen - finden Sie in den Richtlinien Beitrag und schicken Sie Ihren Artikel über.

Matt Snider das YUI 3/PHP "Amazon Web Services Utility" : Ein großes neues Projekt von Matt Snider, der Autor des YUI Storage Utility und Blei-Frontend an Mint.com: "Amazon Web Services (AWS) stellt ein leistungsfähiges Tool für die Suche nach und Bewertung von nur über jede Art von materiellen Gütern. Ob Sie nach Stichworten oder der UPC-Code suchen, können AWS nur geben über all die Informationen, die Sie jemals brauchen werden, um über ein Produkt wissen. Allerdings hat Amazon eine Menge Hürden zwischen Ihnen und der Informationen, die Sie braucht gelegt. Zunächst wird, wie der 15. August 2009, AWS nun erfordert, dass Sie alle Ihre Wünsche zu unterzeichnen. Zweitens haben sie schreckliche Dokumentation und verwirrende Fehlermeldungen, die nicht immer erklären, wie man das Problem beheben. Amazon Web Services-Dienstprogramm ist ein YUI 3 JavaScript / PHP-Lösung, die die Interaktion mit AWS durch den Umgang mit der Anforderung der Unterzeichnung Prozess automatisch und sicher, und prevening vereinfacht oder Umgang mit häufigen Fehlern. Neben gibt das Ergebnis als XML, gibt es eine zusätzliche "Galerie-aws-json"-Paket, das Funktionalität hinzufügt, um die XML-Daten in JSON-Objekten zu analysieren. "
YUI 2 im Einsatz bei PayPal : Wir haben dies für eine Weile bekannt, aber ich sammeln wir haben es nicht auf YUIBlog in der Vergangenheit erwähnt: PayPal ist eine von vielen Seiten Finanzdienstleistungen an Verbraucher mit YUI. Derzeit beobachten wir YUI 2.7.0 Yahoo, Dom, Event, Animation und Connection Manager auf einigen Seiten im PayPal-Workflow.
CutMyPic-Site mit YUI ImageCropper und Mehr : Schreibt Sean : "Ich und ein Freund baute dieses kleine Tool , wie wir uns selbst immer wollte Zuschneiden von Bildern, um ihre Ecken, und fügen Sie einen Schlagschatten gefunden, aber wollte nicht, dass die Öffnung des CPU hungrig CS4 jeder Zeit. In diesem Ort, nutzen wir YUI Reset- , YUI ImageCropper und YUI Slider . Obwohl immer noch in seiner Beta-Form, wir fühlten uns wie die YUI ImageCropper war die einfachste, die zusätzlich zu nicht zu müssen, um alle internen Konflikte befürchten Bibliothek zu ändern. "( Original-Quelle. )
Caridy Patiño Mayea der YUI 3 Getting Started Guide : Caridy hat eine große Menge von YUI 3 Getting-Started Vorschläge auf seinem Blog Zufällige Bubbles.
YUI 2 und 3 im Einsatz auf ActiveLog.com : Chris aus ActiveLog schrieb in uns zu sagen, "über eine Reihe von Gesundheits-und Fitness Websites, die YUI 2.x (bald etwas hinzuzufügen 3.x) nutzen zu können. Wir nutzen die Verbindungs-Manager, TreeView, Dialog, Slider und Kalender. ActiveLog ist wahrscheinlich die beliebteste Website verwenden wir diese auf, aber wir haben eine Handvoll anderer Partner-Websites, die dieselben Technologien nutzen über unsere Fitness-partners.com Ort. "( Original-Quelle. )
Die Verbesserung der YUI 3 DataSchema-XML : Von der produktivsten Matt Snider: "Ich habe vor kurzem auf der Finalisierung der gearbeitet Amazon Web Services-Dienstprogramm , das nun unterstützt alle nicht-Cart-Operationen und fast alle möglichen Antwort-Gruppen. Im Zuge der Entwicklung des JSON-Version des Dienstprogramms, ich die Gelegenheit, eng mit den YUI3 DataSchema-XML hatte, und erkannte seine mehrere Mängel: Es unterstützt keine verschachtelten Schemata, die resultListLocator kann nicht ein XPath-Anweisung sein, und alle Lookups fehlschlagen, wenn der Amazon-XML-Namespace ist inbegriffen. Dieser Artikel wird am umgesetzt, wie ich die ersten zwei Verbesserungen freuen ... "
Jekyll Basis von YUI Grids CSS Powered : Raphael Bauduin hat seine Jekyll Base-Projekts zu GitHub veröffentlicht. Schreibt Raphael: "Ich war für eine schnelle und einfache Möglichkeit, Dokumentation pflegen suchen Dedomenon , die Information-Speicher-Engine hinter MyOwnDB.Com . Ich suchte nach einem gehosteten System suchen hatte ich nicht zu warten, aber das wäre immer noch gib mir die volle Kontrolle über die Inhalte so kann ich es auf ein anderes System später zu verschieben, wenn ich will. " Sie können mehr über das Projekt auf Raffaels lesen Blog ("Jekyll, YUI und GitHub: Eine tolle Kombination") . ( Original-Quelle. )
KidZui Webseite mit YUI Grids 2 : Wir machen nicht einen tollen Job gemacht, die Aufmerksamkeit auf allen Standorten mit einer der YUI 2 populärsten Komponenten: CSS-Grids . Hier ist eine, die unsere Aufmerksamkeit auf sich zog vor kurzem - die Website für KidZui , ein Browser für Kinder von 3-12. Tolle Idee, schön umgesetzt.
@ Triptychon ", YUI3 NIMBY Schaltet in BYBBQ" : Andrew Wooldridge schreibt : "Als ich um Stossen in YUI3 worden, sehr zum Ärger seiner wohlgemerkt, da niemand gerne werden stieß, habe ich zur Kenntnis, etwas ganz anderes darüber. Mit vielen JavaScript-Bibliotheken, erhalten Sie das Gefühl, dass die Autoren würde sehr gerne du aufgeben alle Arbeiten in anderen Bibliotheken und kommen Sie mit den "einzig wahren Glauben" dieser Bibliothek. Statt mit Ihrem eigenen Code, um den Luftwiderstand zu tun und Drop verwenden unsere. Anstelle der Verwendung von jQuery-AJAX, verwenden Sie unsere. Stattdessen habe ich den Eindruck, dass YUI3 viel pragmatischer in ihr Zweck ist. Statt der Verkettung Sie eine Möglichkeit, Dinge zu tun, es hat diese Idee der "Einbringung" Bibliotheken und Funktionen, wenn Sie sie wirklich brauchen, statt Dumping lassen noch ein paar Millisekunden auf Ihrer Website pageLoad am Anfang. Dies befreit Sie wirklich, weil man einfach laden Sie die blanken Knochen der Code, den Sie brauchen, um Dinge in Bewegung zu setzen, und ziehen Sie in anderen Bibliotheken auf Anfrage. Es ist fast wie LOD für javascript .... "Er hat mehr zu sagen haben ... lesen Sie weiter auf seinem Blog .

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

Dezember BayJax: John Resig ", Prüf-und JavaScript-Performance-Analyse"

24. November 2009 um 15.23 Uhr von Eric Miraglia | In Entwicklung , YUI Events | Comments Off

BayJax kehrt zu Yahoo! am 11. Dezember mit einem Vortrag von jQuery- Schöpfer John Resig ( @ jeresig ).

JavaScript Testing und Performance-Analyse
Yahoo! in Sunnyvale HQ. Gebäude E, 9 & 10 Klassenräume. Pizza um 5:30 Uhr, beginnen Gespräche auf 18.15 Uhr
Eine zweiteilige Diskussion: Ein umfassender Blick auf, was Sie wissen müssen, um richtig zu testen Ihren JavaScript-Code und eine Analyse der beliebten JavaScript-Performance-Tests Techniken und deren Unzulänglichkeiten.
Einen Platz reservieren .

BayJax Ereignisse bei Yahoo! sind kostenlos für die Öffentlichkeit, und wir würden uns freuen, euch dort zu sehen. Gehen Sie rüber zur BayJax Website zu registrieren .

Kann nicht warten, bis Johannes-Diskussion zu sehen? Hier ist er von seinem letzten Besuch in Yahoo! (Januar 2009) liefert einen Vortrag über "Das DOM ist ein Chaos angerichtet":

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

YUI Theater - Todd Kloots: "Building Accessible Widgets mit YUI 3"

23. November 2009 um 08.39 Uhr von Eric Miraglia | In Accessibility , YUI Theater | Kommentare deaktiviert

Wir wickeln YUI Theater Berichterstattung über YUICONF 2009 mit einem Vortrag von Todd Kloots ( @ toddkloots ) auf den Eingabehilfen von YUI 3 : " Building Accessible Widgets mit YUI 3 . "Todd Abdeckungen YUI-Unterstützung für Tastatur-Bedienung, konzentrieren Styling und Management, ARIA Rollen und Zustände, und vieles mehr. (Verpassen Sie nicht Todds YUICONF andere Diskussion, " YUI 3 Zucker, "das ist ein großer Grundierung auf andere verborgene Schätze in der Bibliothek.)

Wenn das Video einbetten unten nicht richtig dargestellt wird in Ihren RSS-Reader der Wahl, achten Sie darauf, klicken Sie sich durch, um die hochauflösende Version des Videos auf YUI Theater zu sehen ; die Download-Version ist viel kleiner, als es optimiert für iPods ist , iPhones und andere Handheld-Geräte.

Einem vollen Spielplan YUICONF 2009 Videos auf YUI Theater:

Douglas Crockford: Der Zustand und die Zukunft von JavaScript - Yahoo! JavaScript Architekt Douglas Crockford diskutiert die jüngsten ECMA5 Entwicklungsprozess und die Bemühungen um die Sprache, in der Zukunft zu verbessern.
Brendan Eich: ECMA Harmony und die Zukunft von JavaScript - Brendan Eich, der Schöpfer der weltweit populärste Programmiersprache, spricht über den Kampf um die ES4 Vorschlag und wie es resultierte in einer bestimmten Reihe von Vorschlägen für ES5.
Luke Smith: Veranstaltungen Evolved - YUI-Ingenieur Luke Smith gibt einen tiefen Einstieg in das YUI 3 Event-System einschließlich der Unterstützung für DOM-Ereignisse, Event-Delegation, synthetische Ereignisse und benutzerdefinierte Ereignisse.
Todd Kloots: YUI 3 Zucker - YUI Ingenieur Todd Kloots stellt ein unverzichtbares Einführung in die leistungsstarke Suite YUI 3 Die von Werkzeugen.
Isaac Schlueter: Lösung von Problemen mit YUI 3 - YUI Ingenieur Isaac Schlueter arbeitet mit einem realen Einsatz bei bevorstehenden AutoVervollständigen Gebäude YUI 3 des Widget.
Dav Glass: Beitrag zur YUI - YUI Ingenieur Dav Glass führt Sie in die Galerie und YUI Schritten durch den Prozess der Beiträge zum YUI Projekt.
Allen Rabinovich: YUI 3 Infografiken - YUI Ingenieur Allen Rabinovich diskutiert die YUI 3 Charts Umsetzung, derzeit in Entwicklung.
Reid Burke: Building Applications YAP mit YUI - YUI Ingenieur Reid Burke diskutiert die Yahoo! Application Platform und wie Sie sie verwenden können, zusammen mit YUI, um Yahoo! 's riesiges Publikum zu erreichen.
Matt Sweeney: YUI 3 Performance - YUI Architekt Matt Sweeney überprüft Prinzipien von Hochleistungs-Web-Entwicklung und schaut wie man am besten, diese Grundsätze in YUI 3-basierte Projekte zu realisieren.
Satyen Desai: Ein Widget Walkthrough - YUI Ingenieur Satyen Desai liefert eine ausführliche Besichtigung der YUI 3 Widget-Subsystem.
Todd Kloots: Building Accessible Widgets mit YUI 3 - YUI Ingenieur Todd Kloots demonstriert die Zugänglichkeits-Programmsammlung in YUI 3 gebaut.
Chad Auld: Einführung PHP Loader - Chad Auld von Yahoo! stellt das YUI Loader PHP, ein flexibles Werkzeug zum Laden modulare JavaScript-und CSS-Projekte.
Eric Ferraiuolo: Web App-Entwicklung mit YUI 3 - Eric Ferraiuolo von Oddnut Software spricht über die Nuancen der Bereitstellung von realen Web-Anwendungen mit YUI 3.
Ron Adams: Automatisierte Integrationstests mit YUI Test, Selen und Hudson - Yahoo! Ingenieur Ron Adams beschreibt die automatisierte Erstellung von QS-Workflows, die YUI Test, Selen und Hudson zu kombinieren, um JavaScript-Unit-Tests zu automatisieren.
Stephen Woods: Erstellen Schöne Dokumentation mit YUI Doc - Yahoo! Frontend-Ingenieur Stephen Woods bietet eine geführte Tour zu YUI in der Dokumentation des Motors, YUI Doc. YUI Doc ist sprachunabhängig und kann verwendet werden, um eine Vielfalt von Stilen Projekt zu dokumentieren.
Matt Snider: Einführung in das YUI 2.8.0 Storage Utility - Matt Snider, der leitende Ingenieur Frontend für Mint.com (kürzlich von Intuit übernommen wurde), trugen die YUI Storage Utility in der Version 2.8.0. In dieser Session gibt er einen Überblick über die Storage Utility-Funktionen und die Nuancen der verschiedenen Storage-Backends.
Luke Smith: Debuggen in YUI 3 - YUI-Ingenieur Luke Smith beschreibt die hohe Kunst des Debuggen von Webanwendungen und betrachtete allgemeine Werkzeuge und Techniken und bietet ein paar besondere Tipps zum Debuggen in YUI 3.

Abonnieren von YUI Theater:

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

# Followfriday: YUI Entwickler auf Twitter

20. November 2009 um 12.09 Uhr von Eric Miraglia | In Entwicklung | Keine Kommentare

Die @ YUILibrary Konto auf Twitter ist eine gute Informationsquelle für diejenigen von uns, das Projekt zu folgen. Viele der einzelnen Entwickler, die YUI-Code zu schreiben jeden Tag befinden sich nun auf den Dienst als gut, und ich wollte alle diese Konten versammeln in einem einzigen Beitrag aus Gründen der Bequemlichkeit.

Hier ist die offizielle Liste , die Sie als Gruppe folgen kann, und hier sind die einzelnen Konten:

@ ADMO : Adam Moore ist einer der ursprünglichen YUI Ingenieure, neben vielen anderen Dingen, ihm die schriftliche YUI Event-Dienstprogramm , YUI Doc , und die ursprüngliche Version des YUI Loader PHP .
@ Allenr : Allen gebaut Rabinovich YUI 2 der Uploader Control- und SWF-Dienstprogramm , er hat gerade die Arbeit mit Tripp Brücken auf der neuen YUI 3 Charts Projekt .
@ Caridy : Caridy ist unser Miami Bureau Chief und vor allem als Autor des bekannten Sprudelnde Bibliothek für YUI 2 ; wir sahen seine neueste Galerie Beitrag gestern .
@ Chadauld : Chad Auld ist der Autor von Yahoo! 's Sideline AIR App für Twitter ( gebaut mit YUI ), und er hat die Open-Source-Release des angetrieben YUI Loader PHP .
@ Davglass : Dav hat zu viele Dinge, die hier aufzuzählen, aber seinen Schwerpunkt 2009 war die YUILibrary.com Website und der YUI 3 Gallery .
@ Dezziness : Satyen Desai ist bei der Arbeit hart Gebäude aus dem YUI 3 Widget-Stiftung ; er besitzt, Kalender und Container in der YUI 2 World.
@ Drdrace : Andres Narvaez arbeitet auf der YUI Carousel Kontrolle .
@ G13n : Gopal Venkatesan ist YUI Bangalore Bureau Chief und führt die Entwicklung auf dem YUI Carousel Kontrolle .
@ Goonieiam : Gonzalo Cordero ist ein Frontend Engineer bei Yahoo!, denen die Organisation hat unsere Teilnahme an BayJax Meetups und Arbeit hat dazu beigetragen, um das YUI DataTable Projekt .
@ IZS : Isaac Schlueter ist der Entwicklung der neuen YUI 3 AutoComplete-Control und hat sich über die Entwicklung auf genommen YUI Compressor .
@ Ls_n : Luke Smith ist ein Codierer, Gelehrter und Lehrer , die, neben vielen anderen Dingen, besitzt das YUI JSON-Dienstprogramm .
@ Msweeney : Matt Sweeney ist ein YUI Projekt Architekt und Autor zahlreicher Komponenten sowohl in YUI 2 und 3, einschließlich der YUI 3 Knoten Komponente . ( Er sprach YUICONF 2009 über die Leistung in YUI 3 .)
@ Slicknet : Nicholas Zakas arbeitet auf der YUI -Test , Profiler , und Cookie- Utilities.
@ Standardpixel : Eric Gelinas haben die Arbeiten am beigetragen YUI DataTable-Steuerelement .
@ Toddkloots : Todd Kloots ist der Autor des YUI 2 Menüsteuerung ; in diesen Tagen, er ist schwer darüber nachzudenken, Zugänglichkeit und ARIA und dafür sorgen, dass YUI 3 so zugänglich wie möglich ist . [Es ist erwähnenswert, dass Victor Tsaran ( @ vick08 ) unser spezielles Berater in Fragen der Barrierefreiheit ist.]

Hinweis: Wie ist der Fall bei sozialen Netzwerken im Allgemeinen, was die Leute auf Twitter posten vertritt ihren eigenen momentanen Laune oder tiefen Überzeugung, dass nicht von Yahoo! oder der YUI-Projekt.

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

YUI Theater - Isaac Schlueter: "Beheben von Problemen mit YUI 3"

20. November 2009 um 09.52 Uhr von Eric Miraglia | In YUI Theater | 1 Kommentar

Isaac Schlueter ( @ IZS ) entwickelt das YUI 3 -Version von AutoVervollständigen . In diesem YUICONF 2009 Sitzung, " Lösung von Problemen mit YUI 3 ", er zeigt Ihnen, wie er mit dem Kern YUI 3 Toolkit arbeiten, um die verschiedenen Herausforderungen, die bei der Entwicklung einer komplexen Widget anzugehen.

Andere Recent YUI Theater Videos:

Abonnieren von YUI Theater:

Mehr von Isaac

Isaaks Tech Talk mit Matt Hackett vom September Bayjax Veranstaltung, " Server-Side JavaScript ", ist mit einer vollständigen Transkription auf YUI Theater .

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

Mit YUI 2 und YUI 3 Gemeinsam: noch einfacher mit Caridy die Wrapper-Programm

19. November 2009 um 12.53 Uhr von Eric Miraglia | In Entwicklung | 2 Kommentare

Die YUI 3 Galerie bekam einen interessanten Neuzugang heute: Caridy Patino Mayea die YUI 2 Wrapper-Programm . Wrapper ermöglicht es Ihnen, in Pull YUI 2 Module von YUI 3 use() -Anweisungen. Schauen Sie sich Caridy in der Dokumentation für den Wrapper hier .

Wie einfach? Hier ist ein vollständiges Beispiel . Alles, was wir beginnen mit der 6.2KB (gzip) YUI 3 Seed-Datei; Caridy die Wrapper und die eingebaute YUI Loader 3 kümmern uns um den Rest:

 <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"> <em> Tab ein Label </ em> </ a> </ li>
         <li class="selected"> <a href="#tab2"> <em> Tab Two Label </ em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab drei Label </ em> </ a> </ li>
     </ Ul>            
     <div class="yui-content">
         <div id="tab1"> <p> Tab einen Inhalt </ p> </ div>
         <div id="tab2"> <p> Tab Two Inhalt </ p> </ div>
         <div id="tab3"> <p> Tab Drei Inhalt </ p> </ div>
     </ Div>
 </ Div>

 <script language="javascript">

 YUI ({
     Module: {
         "Galerie-yui2 ': {
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js',
             Benötigt: ['Knoten-Basis', 'GET', 'async-Warteschlange'],
             optional: [],
             Ersetzt: []
       }
 
     }
 }). Einsatz ('Galerie-yui2', function (y) {
 
     Y.yui2 (). Verwenden ("Registeransicht", function () {
 
         var = new myTabs YAHOO.widget.TabView ("Demo");
 
     });
 
 });

 </ Script>