在野生»Yahoo!用戶界面博客（YUIBlog）

在為2010年9月14日，野生

9月13日下午8:14由埃里克·米拉利亞在發展，在野外，2010 | 關閉

與銳3.2.0關閉印刷機的熱和火安東尼Pipkin在新興的銳廊新提交的，它一直在銳界的活躍期。我們對即將到來的YUI CONF 2010（我們的眼睛，我們希望你能加入我們），太。在此期間，這裡有一些其他的消息已經引起我們的眼睛最近的項目：

鴨-搜索BOSS和銳] ： 鴨圍棋是一種替代的搜索界面，採用了一些有趣的API，包括雅虎搜索BOSS和銳2.8。我特別喜歡它的方法，在消除歧義的縮略語。＃
銳2 @ caridy的鼓泡庫幫助在電力FordVehicles.com ：銳2公用事業（包括拖放）和部件（包括自動完成）陪同Caridy帕蒂諾Mayea銳基於鼓泡圖書館FordVehicles.com網站。＃
IG Markets的外匯交易平台使用銳2 ：IG Markets的一個重大的網上外匯和貨幣交易平台，在它的在線工具已納入各種銳2組件。
漂亮的新“達納”YUI的文件從@卡羅主題：卡羅Zottman 已發布他的新達納主題為YUI的文檔輸出。新的主題看起來非常漂亮，它在GitHub上。（原始來源。）＃
2 YUI的CSS的網格火石工作室：寫在他的偉大的web開發工具的調查羅斯在火石工作室：“我將近一年前開始使用雅虎的YUI的網格CSS框架，我繼續這樣做，因為它已經得到了可靠的在所有瀏覽器和表演為我節省了很多時間，奠定了我的網站。這是略少於其他CSS框架，像960和藍圖靈活，但正因為如此，它也是更愉快的使用有少學習。我覺得比其他CSS框架以及與YUI的語義標記，所以多數民眾贊成在我的書大加。“ ＃
才算是Ajax的@ reybango SimpleYUI，即將在3.2.0 ：雷伊介紹SimpleYUI的這樣說：“雅虎YUI是一個令人難以置信的功能豐富很多功能的JavaScript庫，但讓你的頭周圍所有這些功能可以很艱難。 YUI團隊希望幫助開發人員更快速地啟動和運行，並宣布昨天發布的SimpleYUI; YUI庫的基本和更精簡的版本“SimpleYUI是一個共同的核心模塊，在圖書館的匯總與扭轉，。它自實例化-使得它有點簡單多了YUI的訪問，您可以閱讀更多關於SimpleYUI這裡。＃
：“SimpleYUI使銳易於使用，”@ codeinfront ：澳大利亞開發商codeinfront不得不說煜3.2.0 SimpleYUI實施：“銳3是一個功能強大的CSS和JavaScript框架，包括低級別的DOM公用事業和高用戶界面設計水平，使前端應用程序的開發更簡單和更強大的部件。現在SimpleYUI快速此外，輕量級開發更簡單。最重要的是，那些使用jQuery的樣式語法可以開始使用YUI 3而今天學習了較大的應用程序開發的複雜性。“ ＃
MobileCrunch涵蓋了YUI 3.2.0發布：的MobileCrunch編輯，格雷格Kumparak，有關於最近的YUI 3.2.0發布說：“收集一組的人使他們的生活，通過網頁設計，他們可能會所有同意至少兩件事：一）觸摸屏是不會去任何地方，和B）的觸摸屏設計很爛排序網頁的東西。本機應用程序，從某種意義上說，被寵壞的用戶，如拖放式和觸摸手勢識別基本實現本地應用幾乎是可笑的簡單的事情，Web應用程序開發者離開等特點，砍自己或他們的應用程序的風險似乎日獲取。今天雅虎正在做的事情少一點痛苦，與最新版本的開源用戶界面庫，銳“，在這裡你可以閱讀完整的文章。＃
味甘，卡洛斯·布埃諾為3 YUI的文本對齊插件司法部：寫入卡洛斯：“ 甜正義是一個JavaScript庫，你可以拖放到任何網頁，共創美好的對齊文本。即使supercalifragilisticexpealadocious。親切甜美司法插入到甜司法類任何標記元素的文本晦澀但奇妙的軟連字符，並打開CSS文本理由。它需要的jQuery或YUI3的功能。“（原始來源。）＃
YUI的3 CSS3選擇器概述和演示從@ codeinfront ：從@ codeinfront ：“對CSS3偽類和CSS3屬性選擇享受不同的跨瀏覽器支持的程度較輕。如果你現在渴望得到你的手臟，可以幫助很多JavaScript框架之一。特別是，YUI的3可通過“選擇CSS3”模塊的支持，然而在這個時候文檔是有限的。我有一個簡短的和全面絕不與他們中的一些發揮。也許演示我是給他人使用。“ ＃
YUI的3 + YQL），駕駛NCsoft的的CSS / JS（國安局（通過@ tivac）的：NCsoft的國安局門戶（長期YUI社區成員提供@ tivac ）使用銳3.1.0 JS和YUI 3的CSS。 YQL的五項社會的API在一個單一的聯合，緩存的請求用於訪問社交媒體的統計資料。
亞歷克斯霍爾銳2基於Tweetywall ：亞歷克斯寫：“你見過這些網站，Twitter的職位，所有的地方灑？你想有獲得此相同的功能，而無需做任何事情嗎？在DeVSeO這裡我們使用的一些事情，在一些地方的Twitter。我決定幫助你們變成一個完全可定制的釋放，也讓你可以有自己的網站上絕對沒有任何編碼能力Twitter的我們，我們在這裡使用的腳本之一。它不能更容易。“ 亞歷克斯這裡有一個演示頁面。＃
亞歷克斯霍爾的星級銳2.x的部件：這是不是全新的，但我錯過了它最初發布時，你不能有太多的好選擇，為實施“星級設計模式。亞歷克斯大廳了一個現有建就可以了：“我真的需要這個博客銳 1漂亮的小星評級系統...和1在單一搜索谷歌之後我發現威樂Saavuori的為銳星評價腳本，完美的工作我需要......然而，1新項目我正在進行我意識到，他的執行是不打算在同一頁上的多個評級系統，因為它是ID的基礎，和大家都知道，你可以只有1編號參考在上一個頁面的DOM。所以我就開始返工腳本使用一個單一的類，而不是編號的頁面上，讓更多的評級系統。“亞歷克斯的例子是在這裡。＃
亞歷克斯廳的YUILight，聚光部件銳2 ：寫入亞歷克斯：：“YUILight是一個可定制的YUI腳本，將您的網頁上的元素，該元素運用一類”yuilight“的突出。當該元素被點擊和重點，將網頁上的所有其他受口罩和單一元素出類拔萃。這是一個非常簡單的腳本來實現只需要兩個JavaScript文件和沒有CSS！自定義腳本的選項，可以發現在JavaScript文件（這是完全為你評論）的頂部。此刻，你可以改變通用的背景顏色（時沒有背景色元素已指定）。這個選項是讓你的元素與文字不消失。您還可以配置的面具元素的不透明度和動畫的速度，它顯示和隱藏。我將加入更多的自定義字段後面，但如果您有任何要求請隨時離開的意見，他們在這個崗位的底部。“他演示頁，除了介紹博客文章。＃
銳3和性能的Blogger Yiota股：銳3觸摸銳3和性能上她的yiotabytes博客，她的想法是內在的無阻塞和處理組合裝載機基礎設施＃
圖書評論：布拉德·薩蒂揚“：學習圖書館銳2.8”哈里斯：布拉德給出豎起了大拇指，這本新書：“如果通過這本書在它的整體讀，你會來了解，主要的原因我愛YUI的，它不只是一個部件和工具的集合。這本書介紹了YUI庫的全部功能，你就會明白，它是建立完善的基礎之上。作者做了深入的例子，教你如何組成部分的工作中表現出真正偉大的工作。我特別喜歡閱讀的DataSource和DataTable的一章。“
約翰·Lindal Treeble實施銳3.2.0更新：已更新，以支持最近的YUI 3.2.0發布約翰流行Treeble的畫廊模塊。你可以檢查一下還有什麼地方GitHub上在http://jafl.github.com/yui3-gallery/treeble/ 。＃
測繪活動混搭使用YUI的2公用事業+ YQL的測繪活動的mashup是一個地理/事件的探索，結合了各種API，其中突出的是YUI的公用事業和YQL的。（原始來源。）＃
YUI的動畫從@ ahallicks的圖片標題：亞歷克斯館的檔案多-動畫形象的標題。從亞歷克斯：“我看到一個很可愛的標題效果在MotionLab圖像，但意識到這是為jQuery編寫的。如果你讀過我的其他博客DeVSeO這裡，你可能會注意到，我更喜歡我的javascript雅虎銳的JavaScript庫。所以，我決定使用YUI的，而不是jQuery的創建這個效果。“你可以閱讀所有關於它他DevSEO博客。（原始來源。）＃

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

在為2010年8月13日，野生

2010年8月13日，10:59上午由埃里克·米拉利亞在野外 | 評論關閉

這裡有幾個已經引起眼銳界在過去的幾個星期，我們的新聞故事。與往常一樣，讓我知道如果我錯過了一些東西@ yuilibrary或在下面的意見。

詳細銳2.8.0富文本編輯器從薩蒂揚和年底Packt文章：薩蒂揚（丹尼爾·巴雷羅），作為他的新年底Packt量銳2.8：學習圖書館，已發表了一篇關於廣泛新手必看YUI的富文本編輯器上年底Packt網站。你可以在這裡檢查出來。
YUI的3.2.0預覽版上Sitepoint @ rssaddict出色的網絡覆蓋：Simoneau路易寫了一個很好的銳3.2.0預覽版1 ，我們於7月26日發出的審查。路易斯寫道：“很多[新]功能似乎都有一個共同的主題：HTML5和移動平台。我敢肯定，不是偶然的，它很高興地看到更多更好的開發工具，進入這個空間。正如我說的不僅僅是這些功能，還有一個多很多，所以如果你是一個YUI風扇，或者如果你還沒有檢查出來頭超過和自己搶副本的預覽玩弄。“
3.2.0銳翁在Almaer的基於能力的裝載：翁Almaer基於能力的負荷他的個人博客上有一篇很好的文章，一個功能YUI的工程師亞當·摩爾已經加入了YUI 3，在第一銳3.2.0預覽版。翁評論基於能力的負荷狀態，在他的文章，開始與谷歌的GWT和進步的其他JavaScript庫類似的支持。 “這給我們帶來了YUI，說：”翁。 “我真的很高興地看到，在YUI 3.2.0預覽版的一些功能。站在偉大的東西，觸摸/手勢支持，但對我來說是YUI的內在裝載機現在支持基於能力的負荷。一個哈哈！“ 這裡你可以閱讀Dion的全面報告。
八賈維特教程編寫銳3插件：八賈維特長達銳3插件創建新的教程，詳細：“，YUI3插件，其核心是一個JS對象的方式來增加新的行為。它真的就是這麼簡單。走進得更深一些，你可以解釋為它們背後的想法提供了一個框架支持的方式來增加新的功能和行為，而不需要知道任何關於插件的主機託管對象。採取這種方式的優點，你可以大量的功能，而不需要大量的代碼添加到您的對象。這是YUI3的代碼模塊化的大力支持的又一例證。希望你的widget接受flaboozulms？寫一個插件！想你的widget，支持flaboozulms及flibberdybops？寫插件flibberdybops然後使用的同時flaboozulms＆flibberdybops插件。這是一個真正強大的想法。“ 檢查了他的整篇文章的博客。
薩蒂揚的新書銳2.8.0從菜單上的樣品章：薩蒂揚銳2.8有一個新的書，年底Packt已經發布了一個新卷的樣章。樣章，涵蓋了YUI的菜單，並可以從年底Packt網站上下載這本書的頁面。
“易滑動菜單”銳由@ andrew_cooke 3 ：安德魯·庫克的Blogger寫在介紹他簡單的滑動菜單中執行基於YUI的3.1.1如下：“銳3是驚人的。它看起來可怕，複雜的，但一旦你進入它，你可以做複雜的事情，平凡。我在工作中使用jQuery的，相比之下，銳3感覺就像是寫軟件工程師，而不是人的黑客網頁。“ 檢查了他的菜單在這裡實施。
YUI的3.2.0預覽版1 @ codepo8才算是Ajax ： 雅虎的 覆蓋面 開發網絡傳播者基督教海爾曼有一個很好的文章才算是Ajax討論有關7月26日銳3.2.0預覽版1 ，我們未來的YUI 3釋放的第一個公開預覽版。
銳傑克mocking框架測試：Pabich帕維爾在他的博客有一個不錯的相關文章，顯示了他如何使用YUI的測試與傑克的JavaScript單元測試某種形式的輸入驗證，並提交代碼的mocking框架。
關鍵的跟踪，一個敏捷的跟踪系統，使用YUI 2 ：這是不是新聞-它已經很長一段時間-但大量的敏捷項目管理系統的關鍵Tracker是基於銳2，使用公用事業套房，集裝箱，更多。
Ruby @ mjijackson YUI壓縮的寶石：紅寶石黑客邁克爾·傑克遜已經發布了他為YUI的GitHub上壓縮機的紅寶石寶石。從邁克爾的項目指出：“YUICompressor是一個Ruby模塊，可用於創建JavaScript和CSS代碼的壓縮版本，快速，方便地使用雅虎用戶接口（YUI）庫壓縮機。模塊基本上是包裝：外殼周圍的YUI的壓縮機（一個Java庫）支持兩種不同的操作模式和本地。在shell模式YUI壓縮庫執行一個單獨的進程。管道流入和流出這個過程中使用的系統shell代碼。這種做法產生了良好的性能和MRI和其他Ruby版本是不能夠執行Java代碼的默認。在本地模式下的壓縮機在相同的過程作為Ruby調用。這是唯一可能在JRuby中使用時，YUICompressor。使用這種方法，壓縮速度大大提高，因為系統不會產生一個獨立的Java進程調用每個壓縮的開銷。“（原始來源。）
YUI是About.com的網頁設計軟件的週挑“ ：詹妮弗Kyrnin寫道About.com：“有時候，最簡單的方式來學習網頁設計技術是借用別人。現在，很多設計師會生氣，如果你借他們的代碼，但雅虎已經把整個腳本和CSS庫，你可以用它來創建交互式網站。兩個版本的YUI框架。第2版，自2006年以來，一直是非常強大和成熟。如果你的網站上，需要互動的工作，但還需要非常可靠的，那麼這是你應該使用的版本。版本3就是他們所說的他們的“下一代”的圖書館。它沒有被廣泛的測試，包括可能是更尖端的東西。但是，如果你建立的網站，需要更先進的（往往β）的互動選項，這是你的版本。“
感謝，亞歷山德羅：我們喜歡從@ avernet這鳴叫......
建設與銳3可排序的排序列表：從@ joedag32債券寫入喬：“我一直在建立一個應用程序，將需要一個易於使用的排序名單，將觸發一個事件列表改變順序後工作。這聽起來很簡單，它需要大量的編碼和跨瀏覽器測試拉只是JavaScript的一個單獨。 3銳讓我在短短幾分鐘內完成以上。我什至會嘗試猜測到底有多少時間，它會採取我做我自己。我使用的排序實用程序，使無序列表排序，在短短的幾行代碼。“退房他的解決方案。
AjaxDump的自動完成構件名單：AjaxDump包括銳在其10大自動完成工具。除了在網站上記錄的銳2的自動完成，確保檢查出銳3畫廊自動完成組件從內特卡瓦諾和愛德華多· 倫德格倫 - 以及他們的“文本框列表”部件，它實現了自動完成互動含片式。

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

YUI 3去燃燒Illuminatrix人

8月2日下午4:29由埃里克·米拉利亞在發展，在野外，2010 | 關閉

本Delarre電子郵件讓我們知道了他基於YUI的3 -燃燒的男子2010安裝的LED動畫建設者的實施：

我管理這個網站，動畫編輯器，1 HTML5的帆布的顏色選擇器（我將有助於畫廊只是盡我所能，盡快...），在短短的幾天使用YUI 3和PHP。在地方有點粗疏，還有更多，使其更好地進行，但時間已經不多了。
illuminatrix是一個項目，我們已經把過去幾個月一起燃燒的男人節......二維數組16×16的乒乓球，其中每個都包含一個RGB LED可以是彩色的任何顏色的彩虹任何時間。它將會顯示在更多的胡蘿蔔主題營地的入口處，並給它一個我們已經決定，這使大家貢獻，我們將顯示它的動畫捻位。
每個人，不管什麼自己的能力，可以快速，輕鬆地創建動畫。您可以單獨手工繪製每一幀，或編寫JavaScript來產生幀，如果你的技術說服（“守則”幫助！“鏈接列表給出了一些有用的功能，以及一些示例代碼）。
在接下來的幾天，我們將會把生成的照片，我們已經進入良好的硬件方式，但最後期限正在迅速接近。
請把[鏈接]左右，8月26日之前，我們要收集盡可能多的動畫時，我們必須前往燒傷。

希望，至少有一個YUI團隊成員將有打招呼在本事件，我們都期待著看到，基於HTML5的畫布顏色選擇器，在YUI的3畫廊。

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

在為2010年6月25日，野生

2010年6月25日，10:10上午埃里克米拉利亞|在野生 | 評論關閉

與往常一樣，讓我們的意見或知道yuilibrary @如果我們錯過了一些重要的事情。

YUI的3基合金的UI在Liferay的會議正式宣布：從新聞稿：“作為這種努力的一部分，Liferay的還宣布即時提供Liferay的合金界面。合金界面與雅虎YUI的項目合作開發，提供了一套豐富的用戶界面組件快速創建用戶友好的portlet，部件和Web應用程序。合金的UI處理CSS，HTML和Javascript的複雜性，釋放開發人員專注於業務需求和功能。合金的UI也有助於解決一些常見的跨瀏覽器兼容性問題，通常消耗的項目資源。新的圖書館並不需要一個門戶網站，可以用來為任何Web應用程序開發組件。 布賴恩說：“陳，Liferay的 Liferay Portal的規範其前端周圍合金的UI框架，擴大現代的基於門戶的企業解決方案的簡單性和能力。”合金的UI代表一個web開發的新功能，以簡化開發豐富的用戶界面，門戶網站的創建者和首席軟件架構師。 “我們很高興與雅虎的團隊已經在此工作和感受，以幫助其解決方案的開發，這將是一筆巨大的財富'，現在免費提供給在銳界銳3畫廊所有合金的UI組件。
AutoFusion的CarPrices.com推出使用YUI 3.1.1 ： 銳3畫廊貢獻者喬希·利扎拉加工作與Autofusion公司已上新CarPrices.com項目，採用了銳3.1.1公用事業和部件的主機。喬希將在這個項目中的未來YUIBlog後有更多。
下載小隊的的埃雷茲祖克曼建議的JS DEVS銳劇院觀看克羅克福德寫入埃雷茲：“ 道格拉斯·克羅克福德是一個天才。嚴重-那傢伙是輝煌的。他是目前雅虎的首席JavaScript的建築師服務，他發明了JSON （1廣泛用於數據交換格式），他是在ECMAScript的委員會的傢伙設置JavaScript標準的一部分，並具有非常廣泛的了解編程通史“語言和計算機科學。最近，克羅克福德了五個會談的一部分雅虎的關於JavaScript 銳劇院。這些都是免費提供的，他們在長度超過五小時（更像是在六至七個小時，我覺得）。這些會談是如此涼爽的是，克羅克福德真的給你一個主題鳥瞰;第一個小時是歷史，是真正迷人。這是所有的地方，開始了Jackquad織機通過為什麼我們有兩個1刪除和1我們的鍵盤上退格鍵，一直到現代的編程語言和JavaScript的，更多的埃雷茲的喜愛的JavaScript資源“，檢查了他的職位或前往JavaScript頁面上的克羅克福德道格拉斯的最新視頻（有更多的填充第二列銳劇院）。
馬特·斯奈德在銳2的Mint.com，2010年威比得獎者恭喜：恭喜馬特·斯奈德和其他Mint.com優秀的前端工程師為他們當之無愧的2010年金融服務類的威比獎造幣廠已銳2年初以來，馬特仍是一大貢獻了YUI項目。你可以看到YouTube上馬特的五字的接受提名的演講。
銳3才算是Ajax的翁Almaer評論Caridy帕蒂諾Mayea的預壓庫模塊：翁有一個不錯的職位上才算是Ajax審查預取和緩存資產帕蒂諾Mayea Caridy的預壓模塊，一個YUI 3畫廊入口，他寫道：關於最近YUIBlog 。
YUI的網格使用活字（@ foxxtrot）的：銳貢獻者傑夫·克雷格他的銳2網格轉換的Movable Type博客的經驗中寫道：“因此，任何人誰是看過我的博客前，你會看到，在週末我升級我的博客模板中使用的JavaScript銳網格和YUI3。從MT的模板（或MTOS 4當我安裝的第一個版本的標準模板），通過切換，我是能夠減少近一半該死的HTML pageweight。舊模板是真格的沉重，並有一噸額外的標記。居多，被趕出的決定是希望我的博客重做的視覺感受，我覺得我可能下YUI的網格以及重寫，而我這樣做。“
內特Schutta比較為IBM DevelperWorks銳和Dojo ：為IBM developerWorks撰寫內特Schutta比較銳2.x和Dojo的一個新的崗位。雖然我們專注於YUI 3.x的代碼行這些天，Nate的文章有一些有用的指引，為那些對JavaScript庫的思想，使他們的企業或項目的決定。首先 - 為什麼YUI或Dojo的嗎？
與這麼多優秀的選擇，在您的處置，你為什麼會考慮YUI或Dojo的嗎？一個字：完整性。不像其他的解決方案，涉及額外的庫或插件，Dojo和YUI擁有一切（及以上），今天的前端工程師可以要。雖然這既是一種祝福和詛咒，如果你在市場上是一個為你的Ajax需求的一站式，這是兩個強有力的競爭者。除了豐富的JavaScript傭工及公用事業，都提供了一流的部件和控制，遠遠超出了標準的瀏覽器有限的調色板。
Nate的一般圖書館甄選準則的建議是有用的：
- 你怎麼想出來的嗎？你要買的完全替代了幾乎所有網頁上的UI元素，或者你只是JavaScript編程有點疼痛？
- 閱讀代碼是多麼容易？儘管在過去幾年的大規模改進文檔，賠率是在某些時候，你將不得不挖成代碼。庫之前，花一些時間，在沒膝深源。是很容易理解，還是連原作者有麻煩嗎？
- 文檔有多好？乾淨和可讀的代碼可以彌補低於恆星文件的，但沒有什麼可以幫助您開始很喜歡教程和例子。撥開周圍的wiki或網站，看看他們所提供的。是清晰和易於遵循？快速谷歌搜索，為您帶來適當的一部分，他們的物質呢？
- 什麼是社會一樣，圍繞圖書館嗎？退房的郵件列表。有大量的流量嗎？新人們被對待與尊重或嘲笑？已更新的代碼被最近，或者是幾年前的最後一個版本？
- 你可以得到幫助嗎？雖然這是關係到對社區前位，它總是寶貴的，發展社區環顧四周，看看誰在使用什麼。從某種意義上說，其中庫簡歷經常檢查工作委員會。

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

在為2010年6月4日，野生

6月4日12:05由Eric米拉利亞在野外 | 關閉評論

我們可能會在NBA總決賽中，但在野外過這個星期會導致項目得到我們關於8月。和足球，反過來，讓我們考慮結婚，特別是關於使用YUI的第一個已知的求婚。讓我們知道在評論或Twitter的，如果我們錯過了重要的東西。

銳上NFL.com 3.1.1 ： NFL.com的幻想門戶 YUI 3.1.1覆蓋，ANIM，歷史，和更多的員工。
免費的CMS Onpub內置使用YUI 2 ：：“Onpub是一個PHP / MySQL的網站內容管理系統。 onpub緊緊捆綁[]雅虎用戶界面庫[銳]（2）和CKEditor使建立符合標準的，跨瀏覽器，動態HTML網站。 onpub旨在提供一個集成組件，幫助Web開發人員建立網站，是容易更新，可靠，很好看。“跟踪記錄證明（原始來源的基礎。）
在Twitter 的大問題（與YUI的CSS重置）：愛爾蘭保羅問如果這是由銳資助的第一次婚姻的建議嗎？我不知道，但像一個很好的比喻為你做什麼你喜結良緣時，似乎有些古怪，繼承，上游樣式規則的復位。恭喜夫婦，我假設，嘉莉說好！（原始來源。）
juego德的蛇銳3內置由@ jldorta ：Caridy 指出，這個漂亮的蛇遊戲內置銳3 。請注意，在頁面頂部的Twitter狀態的肩，還具有自銳控制（2 YUI的代碼行）建。（原始來源。）
馬特·斯奈德的Mac風格的收音機按鈕偏好：作為一個YUI 3模塊寫入馬特：“我最喜歡的Mac OS，既OSX和iPhone的UI功能之一，就是這樣處理無線電投入。有小，很難單擊小圓圈（如網頁），而是有明顯分組使用的連桿的大按鈕。看到這是最好的地方，在OSX系統偏好。今天的文章，介紹一個部件轉換到Mac偏好電台現有的單選按鈕，將盡相同，。“
寫入 新的景觀和室內設計網站的由@ joedag32內置，YUI的JS和CSS工具： 開發商joedag32 ：“我們......雅虎YUI庫的依賴，以及建立的網站。該網站以下的YUI組件使用CSS復位，CSS字體，CSS的網格，雅虎全局對象，DOM系列，[和]事件實用。銳真的幫了我們的工作速度更快，並了解他們的圖書館和A級瀏覽器支持用於測試由雅虎是一個真正的節省時間。“（原始來源。）
，拜倫Wyly在安全（YUI 2）SharePoint的餅圖：拜倫Wyly 上endusersharepoint.com寫道：“我已經做了幾個博客，如何使用谷歌API的基礎上編寫的代碼在SharePoint中創建動態列表餅圖克勞迪奧Cabaleyro和在endusersharepoint.com出版。也許是我聽過的最大要求是，“我怎麼能對我的安全Intranet使用這些圖表？”由於Google Apps是被運回後給您發送所需的數據，因為SSL是不是一種選擇，“Google應用服務”的形象無用的建議列表，使用安全和敏感數據...最近在我的博客評論，我看...銳作為一種可能的解決方案。經過幾個小時的工作，我能嫁給一個YUI餅圖的JQuerry SharePoint列表解析器和創建餅圖生成您的SharePoint列表，不發送給您的網絡之外的數據。“ 檢查出他的全部細節後。
Wicket的集成銳：莫錘寫一個教程使用YUI的富文本編輯器與檢票：“我正在尋找一個良好的富文本編輯Wicket項目在一段時間內，並最終決定使用YUI編輯器。它看起來相當不錯，可以配置相當不錯。在這裡，我將演示如何使用HTML代碼編輯按鈕中所述，這個例子。“
Selenium and YUI Buttons (by @adamgoucher) : Adam Goucher has written a tutorial on how to work with YUI 2 Buttons in the context of Selenium tests.
Nagare IDE Using YUI 2 (via @jlcarre) : From the Nagare wiki: “Nagare IDE is a pure Web Integrated Development Environment dedicated to the Nagare Web framework. Using YUI , the Bespin editor, ajax and comet communications, it offers the browsing of your projects, the edition of the sources, the debugging of the raised exceptions and the consultation in real-time of the applications logs.” Nagare is “an Open-Source Python framework dedicated to web applications development. Its set of advanced features as continuation, direct callbacks registration, programmatic HTML generation, combined with its strong components model allow [you] to quickly and easily build highly complex and reusable applications.” ( Original source. )
Free YUI 2.x API Documentation Dictionary for Mac OS X 10.5 Users : (Note: I haven't confirmed whether this works on more recent versions of Mac OS X.) From the product page: “In addition to using Dictionary.app it is also possible to find a definition through the 'Look up in Dictionary' context menu shortcut (works in Safari, Mail.app and any other application that supports it) or even from a Dashboard widget for Dictionary.”

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

Implementation Focus: Phanfare Media Organizer

May 19, 2010 at 1:51 pm by Eric Miraglia | In In the Wild , YUI Implementations | 1 Comment

Cory Mintz from Phanfare wrote in last week to tell us about their recent product launch, which is heavily based on YUI 2.8.0.

We just released our new web organizer yesterday… It is a full photo and video organizer built as a web application, using just about every YUI 2 component. We think it really blurs the line between desktop and web software.
Some notable features are:
Using the Uploader , we let people organize and edit their photos as they upload.
With the help of Drag and Drop and Menu , the thumbnail grid has all of the behaviors of an OS's file browser. You can drag select, drag and drop reorder, multi-select using ctrl and shift, arrow between thumbnails, etc.
The dynamic loading of the TreeView , let us lazy load user accounts with 100s of albums since they are hierarchical ( year -> album -> section ). This allows the page for an extremely large account to load just as fast as a small account.

I love the clean professionalism of the site and the extraordinary attention to detail in the UI. Feel free to tour the site — trial accounts are free and come populated with sample albums to give you a feel for what the site has to offer. Congratulations to Cory and the team for such a fantastic launch.

Share and extend: Bookmark with del.icio.us | digg it! | reddit!

In the Wild for May 12, 2010

May 12, 2010 at 12:48 pm by Eric Miraglia | In In the Wild | 2 Comments

Recent news and notes from the YUI community follow — let us know @yuilibrary if we missed an article or implementation.

Mich Cook's YUI/YQL-based Module for Searching a Set of Docs :
Yahoo! engineer Mich Cook developed a piece of YUI- and YQL-based code for the Yahoo! Developer Network website that he's shared on their blog. Writes Mich: “This block of code creates the YDN Rack module that supports searching within a set of docs. Previously, the only search functionality would scour the entire site for the terms entered. This module aims to provide contextual search within documentation so a user can more easily find something related to the docs currently being presented. We use a bunch of y! technology to do the heavy lifting and that's awesome that we just have to manufacture the glue.”
Geocoding/Wikipedia/YQL Tutorial from @codepo8 with YUI3 & Grids CSS : Christian Heilmann's tutorial on the Yahoo! Developer Network blog ties together Wikipedia, YQL, and YUI 3.
Noah Masterson (@noahvail) on the Virtues of YUI : Noah's note about YUI : “The YUI library is an extensive collection of JavaScript and CSS tools. Basically, YUI provides everything a front-end web developer/designer needs, short of HTML and content. Because Yahoo! uses YUI for its own applications, the code has already been tested at one of the most visited sites on the web, it has to work in all major browsers, and it's likely to be supported and updated for a long time to come.There's no other library that provides a combined JavaScript and CSS solution of YUI's caliber, but even separately, I'd probably use its tools in my web projects. YUI's CSS framework is the best I've tried (Blueprint is pretty nice, too). As for JavaScript libraries, picking one is often a matter of preference. For example, plenty of people love jQuery, which has a great community that creates plugins to extend the library. I prefer YUI, because it has so much included functionality and it mixes in seamlessly with the other JavaScript I write. Finally, the genius of YUI isn't just the library itself. Yahoo! has stocked the developers' area of their site with excellent videos, examples, and documentation, making it easy to get started with the library — and providing a path to becoming an expert.” Thanks for the kind words, Noah.
YUI 2 and 3 on StockTickr : StockTickr is a comprehensive investment tracking site built using both YUI 2 and YUI 3 elements. Prominent touches include the navigation menus and DataTables. ( Original source. )
YUI 2 on Famzoo.com, a Site That Helps Parents Teach Kids About Finance : Bill Dwight wrote in to tell us about his YUI 2-powered project Famzoo, which “is a 'Virtual Family Bank' that parents set up to teach their children (ages 5-18) about personal finance. The parents own the bank, hold the real money, and set the ground rules. The children learn by doing, not by lecture.” Bill has a video introduction to the site as well as an online slide deck. ( Original source. )
Moodle Updated to YUI 3.1.0, with Easy Support for 2.8.0 : Users of the fantastic open-source education platform Moodle now have built-in access to YUI 3.1.0. The developers have retained backward-looking support for YUI 2.8.0 as well. Now, using YUI from within Moodle is this easy:
```
 M.mod_foobar.init = function(Y) {
    Y.one('#mycustomholder').set('innerHTML', 'Hello world');
 } 
```
“Cross-Browser Client-Side Storage for the Web” (re: YUI 2 Storage) : Addy Osmani wrote up his thoughts on YUI 2 SwfStore, an underlying component that is used by the more comprehensive YUI 2 Storage Utility. Writes Addy: “Hi guys. Today I'm going to show you how to do persistent Client-side storage that'll work in any Web Browser without needing to use Cookies, Browser-Specific hacks or HTML5 – in other words, we're going to store as much custom information as a site needs on a user's system without needing to worry about compatibility issues. The reason we're interested in doing this is because it has a huge potential to free up database resources if we don't need to be saving information there – instead it can be readily loaded from our users computer through client-side storage. Even if you need to save data, you can always store it on your user's system and log it to the server it at a later date in the week.”
Matt Parker's (@lamplightdb) YUI 2-based Diary Widget : Matt Parker of Lamplight Database Systems in the UK, who has authored some excellent Gallery components, posted a link to his work-in-progress Diary Widget for YUI 2. Diary provides a scheduling interface with weekly views, filtering, drag and drop, and resize support. Feedback is welcome.
Objektorientiertes JavaScript Mit YUI 3 : Mathias Schäfer of molily.de wrote an extensive tutorial on how to do Object inheritance using YUI 3. The German-language article shows the different ways you can use OOP in YUI 3 and even explains what's going on behind the scenes. (Via Dirk Ginader.)