Yahoo!用戶界面博客（YUIBlog）

YUI的劇院-道格拉斯克羅克福德：“傳奇”的JSON

在7月27日的Bayjax組會議雅虎在這裡舉辦，我們有一個了不起的揚聲器陣容。 Douglas Crockford的“佐賀的JSON” - -的Bayjax談判的第一現已銳劇院， 與YUI劇院網站上完整記錄高清晰度 。

這裡是一個什麼道格拉斯說，在這個新的談話，其中包括數據格式和它的普及和標準化的JavaScript Object Notation發明的味道。

我們發現[JSON的]工作真的很好。 這是非常有效的東西，我們發明了它 - 是瀏覽器服務器通訊 - 但是，我們也用它用於服務器間通信的很多。 我們的平台，規模巨大，因此，我們可以有很多很多的箱子，他們需要保持同步，我們發現，JSON是完美的服務器之間發送消息。 我們還使用了JSON來實現一個簡單的數據庫，所以我們只是有鍵，每個鍵我們會存儲一些JSON數據。 它使人們真正用於存儲的東西，得到它的有效。 我們喜歡它了很多，我們試圖說服我們的客戶，這是很好的。 我們的客戶說：“好了，我們恨它，因為我們從來沒有聽說過它。 我們的一些客戶說：“哦，我希望你告訴我們，這6個月前，因為我們剛剛決定去與XML，所以我們可以不考慮別的。 和我們交談的人說：這不是一個標準，所以我們不能使用它。 我說：“它是一個標準，它的ECMA 262的一個子集。 他們說：“不，這不是一個標準。 確定。 因此，為了使用此，我不得不宣布，這是一個標準。 所以這就是我所做的。 我決定，這將是一個標準從現在開始。 所以我買了JSON.org。

這是一個偉大的故事，和道格拉斯當然是一個夢幻般的說書人，所以認為它是好花了一個小時。

感謝幫助，使雅虎的事件再次Bayjax隊和貢薩洛·科爾德羅。

• 下載視頻（M4V）
• 下載幻燈片
• YUI劇院網站上提供高分辨率，這次談話的轉錄版本

其他最近的銳劇院視頻：

• 喬納森·勒布朗：YQL的和YUI
• satyen德賽：YUI3：設計目標和體系結構
• 托德Kloots：開發一個可訪問的Web 2.0 Widget框架
• 查爾斯McCathieNevile：Opera蜻蜓

訂閱銳戲劇：

• YUI的劇場RSS訂閱
• YUI的劇院在iTunes

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

在2009年8月10日，野生

新聞和銳界注意到，在過去的幾週，讓我們知道我們錯過了在評論部分。

• 上Gatorade.com銳 ：LNR讀者寫信來告訴我們關於年度網站Gatorade.com球員 ，這是YUI的廣泛使用。 “它使用自定義滾動條拖/放庫，集裝箱庫為燈箱式覆蓋，事件庫，發射窗口調整大小，單元庫，當然，DOM庫的幾個事件。”（ 原始來源。 ）
  
• 圖書館類添加了YUI 3 ：添加新的模塊了YUI 3 YUI撰稿人馬特·斯奈德博客。 “銳3即將發布將改變我們開發的方式，使用YUI的框架。 而不是命名空間庫背後的YAHOO對象，如在2銳，銳3庫將在隔離功能的背景下通過調用YUI().use引用YUI().use 。 因此，開發人員需要修改自己的代碼來包裝一切與使用YUI庫YUI().use電話。“他的崗位，通過add和use方法，以及如何use一個模塊，你已經add了YUI 3。
  
• 山姆斯蒂芬森的Ruby-YUI的壓縮機項目在GitHub ：山姆37Signals的斯蒂芬森以YUI壓縮 GitHub上的Ruby接口 。 紅寶石YUI壓縮分發作為一個Ruby gem，並可以通過RIP的軟件包管理器安裝。
  
• Arun Gupta的YUI圖表應用圖表運行里程 ：阿倫古普塔Sun.com博客上公佈他的博客條目，“ 跟踪運行公里，使用的JRuby的​​Ruby-on-Rails的時，GlassFish，NetBeans中，MySQL中，和YUI圖表 。“他有一個截屏如何使用應用程序。
  
  （ 原始來源。 ）
  
• YUI的意見分享網站SodaHead.com ： SodaHead是YUI的大量使用（11中使用單獨的組件）共享網站的想法和意見。 SodaHead提供了“一個社區，提供了一個自由和充滿活力的環境，共享和收集意見，並滿足朋友 - 提出問題，表達思想，與喜歡的和不那麼樣的朋友...... SodaHeads連接的地方，當我們打電話給他們。” （ 原始來源。 ）
  
• 銳幻燈片使用喬希·利扎拉加銳FreshCutSD 3 ： YUI幻燈片模塊在聖地亞哥FreshCutSD喬希·利扎拉加光滑前瞻性的球員是一個很好的功能集;它基於jQuery的週期項目。 有幾個演示可用，喬希的博客後，你可以下載代碼 。
  
• 菜單按鈕與圖標從DAV玻璃為例 ：DAV他廣泛的例子庫添加到一個新的演示，展示如何將圖標添加到您在YUI的菜單按鈕 。
• 上WAMU.org銳 ：，WAMU（美國大學廣播電台） 有一個很好的Google地圖mashup使用YUI的按鈕 。
  
• YUI的傳送帶的價值增加了從ErisDS ：已發布的Blogger ErisDS YUI的傳送帶控制兩部分，會是怎樣實施的自定義導航三部分組成的系列。 第一部分和第二部分 。
  
• 納拉亞南的AR，“服務器端的Java和客戶端銳JSON之間的相互作用” ： 寫在DevX.com納拉亞南 ：“通過一個可互操作的JavaScript Object Notation（JSON）的格式，因為它有利於溝通雅虎 用戶界面庫（YUI）讓你可以實現在服務器端的任何技術。 對於一個給定的請求，服務器將呈現JSON文本，並YUI解析JSON響應來創建UI部件使用的JavaScript變量。“ 這裡檢查出完整的文章 。
• 快速銳來自CSSTemplatesWeb的動畫教程 ：在CSSTemplatesWeb的人們已經發布了一個簡短的介紹 YUI的動畫工具 ，包括一組例子 。
  
• asvin巴盧的Pixidou， -圖像編輯器使用YUI和PHP ：我們錯過了這個，一會兒回來，當它出來，但它很有意思，值得看看。 asvin氣球的創建Pixidou ，一個基於網絡的圖像編輯界面使用PHP和YUI的基礎。 還有一個演示 ，代碼可以發現Asvin的GitHub的帳戶 。
  
• 吉姆·斯科爾，“與JSF 2中使用YUI的日曆widget” ：吉姆寫到 ：“如果你不與第三方組件庫開發JSF，你真的失踪JSF的最好的部分。 但還有大量的Ajax小部件在那裡，其中包含各種有用的功能。 在JSF頁面中使用的，那豈不是有用的嗎？ 雅虎UI庫是非常漂亮的東西，和日曆widget是有用的，漂亮，和強大的。 讓電線成一個JSF頁面，並結合該部件返回一個bean的屬性。 那能有多難？ 71線，其中約45左右的非樣板。“ 退房所有71線在他的博客 。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

ARIA的製造更容易銳3

在我的談話中提到， 發展一個可訪問的Web 2.0 Widget框架 ， 3 YUI的目標之一是，使其更容易為開發人員建立可訪問的用戶界面。 為此，我們已經考慮到無障礙建設從一開始就同時銳3，最近的YUI 3.0.0 Beta 1版本介紹幾個，使開發人員更容易建立新的唱腔 ，功能部件的增加。

ARIA的屬性支持添加到節點

節點的效用是3的銳與DOM交互的主要界面，它不僅提供了一個抽象的模型，但內置的支持CSS選擇器查詢訪問HTML元素的一種手段。 ARIA的屬性的支持已被添加到Node接口在YUI 3.0.0 Beta 1版本，讓開發人員可以使用CSS選擇器查詢的表達能力，應用和管理元素的ARIA的角色和狀態和屬性 。

通過節點的申請的ARIA屬性set方法。 例如，應用的role toolbar的<div> role到<div> <div> “工具欄”的id：

YUI().use('node', function(Y) { var node = Y.get('#toolbar').set('role', 'toolbar'); });
YUI().use('node', function(Y) { var node = Y.get('#toolbar').set('role', 'toolbar'); }); 

除了節點的內置支持CSS選擇器查詢，它也支持鏈接和能力，在單個節點上設置多個屬性。 一起使用時，節點的這些特點使得它特別容易申請ARIA的角色，州，和屬性時，建設一個大型子樹的DHTML部件。

例如，當建立一個菜單部件，它是要申請一個role menubar根DOM元素包含菜單欄，和的role根DOM元素包含每個子菜單的menu 。 此外，由於每個子菜單是默認隱藏的， aria-hidden狀態將需要被應用到每個子菜單。 Node接口，使得它可以做到所有這一切都在一行代碼：

YUI().use('node', function(Y) { Y.get('#rootmenu').set('role', 'menubar').queryAll('.menu').setAttrs({ role: 'menu', 'aria-hidden': true }); });
YUI().use('node', function(Y) { Y.get('#rootmenu').set('role', 'menubar').queryAll('.menu').setAttrs({ role: 'menu', 'aria-hidden': true }); }); 

新焦點管理器“節點插件的鍵盤支持

工作，唱腔要求開發商提供鍵盤部件的訪問，因為鍵盤上的屏幕閱讀器的用戶來瀏覽網站和應用程序。 正如在ARIA規範和相應的最佳實踐文檔，提供鍵盤訪問要求，在某種程度上，每個小部件都有一個默認的製表位，負責，謹慎管理其後代的焦點。 遵循這些指導方針，使用戶能夠快速瀏覽頁面或應用程序通過使用tab鍵部件之間移動。 一旦用戶進入一個部件的標籤，然後他們可以用其他鍵（例如箭頭鍵）移動部件的後裔間的焦點。

焦點管理節點插件 ，是的YUI 3.0.0 Beta 1版本，使得很容易定義節點的聚焦後裔，定義它的後代應該在默認製表流，定義彼此間的焦點移動鍵後裔。 此外，因為CSS偽類:focus不是A級瀏覽器支持所有元素，焦點Manager節點插件提供了一種簡單，跨瀏覽器造型的重點是指。

新的唱腔範例

為銳3.0.0 Beta 1的，我們也增加了極少數的例子表明焦點Manager節點插件的力量來實現鍵盤支持現有的部件和運動節點的新唱腔，相關的API。

• 唱腔，啟用工具欄
• 唱腔，啟用TabView
• ARIA的啟用菜單按鈕

開發商希望體驗到的ARIA提供的好處，可以下載開源NVDA屏幕閱讀器 和 Firefox自己來測試每一個例子。 另外，我已經取得了NVDA和Firefox上運行的每個例子的截屏。

銳3 Beta 1的唱腔工具欄視頻

銳3 Beta 1的菜單按鈕視頻

銳3 Beta 1的的唱腔Tabview視頻

未來之路

雖然銳3目前主要由公用事業，我們很難在拋光的部件基礎設施的工作將很快開始建設部件。 使用YUI 3我們的目標是讓盡可能容易建立訪問的用戶界面，無論您是從頭開始建立一個部件，或者我們實施。 我們認為，我們納入節點接口和焦點管理節點插件的ARIA的支持與良好的開端。 所以，我希望鼓勵開發人員開始使用這些接口，並讓我們知道缺少什麼，有什麼不工作，它是什麼。

額外資源

• 發展無障礙的小工具使用的ARIA
• 焦點管理，通過改善無障礙
• 你的機器配置屏幕閱讀器測試

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！