Yahoo!用戶界面博客（YUIBlog）

YUI是租用

4月29日下午12:58 2011年由珍妮·唐納利在發展 ， 在雅虎的前端工程作業 | 2評論

我們正在尋找一名高級前端工程師加入YUI團隊！ 你必須是一個JavaScript和各種前端技術精通的專家。 你喜歡解決複雜的問題，在大規模，知道什麼需要設計強大和直觀的API，並擁抱性能，安全，交通方便，可用性和最佳做法。 你也有良好的溝通技巧，具有非常注重細節，是獨立的和足智多謀。

最低職位要求：

• 專家級的JavaScript，HTML和CSS技巧。
• 經驗證明建立可重複使用的JS組件的模塊化，高性能，維護。
• 一個建設和傳福音的一個世界級的前端庫，影響千百萬人每天的激情。
• 熟悉開源軟件項目，尤其是YUI的。
• 計算機科學學士學位或同等學歷工作經驗。

尋找工作的資格：

• 前端在一個或多個域，如移動，性能，服務器端的JavaScript，或國際證明深入​​的專業知識。

如果這聽起來像你，請將您的簡歷和求職信YUI的工作（上）雅虎公司（點）com。

關於雅虎

想想影響1，每2人在線 - 創新和富有想像力的方式是唯一的雅虎。 我們做到這一點的每一天，你可以過。 畢竟，這是像你這樣的大思想家，他們將創建為消費者和廣告客戶遍布全球的下一代互聯網經驗。 現在是時候向世界展示你所擁有。 把你的想法，工作超過50億人。

雅虎公司是一個平等機會的雇主。 如需更多信息或搜索我們所有的開口請http://careers.yahoo.com訪問。

找到的談話： bloglines technorati

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

宣布YUI的壓縮機2.4.6

2011年4月26日，10:09上午斯托揚STEFANOV | 發展 ， 性能 | 10評論

我們很高興地宣布即時提供的2.4.6版本的YUI壓縮 。 這個版本主要包含有關壓縮機的CSS壓縮處理，介紹了批量處理多個文件，一個命令的更新。

CSS壓縮

要點包括：

• 固定許多錯誤，打破壓縮機和/或產生縮小的文件。
• 補充文件究竟minifier沒有哪個CSS黑客容忍。
• 有一個的CSS分鐘的情況下，它更適合你的構建過程中的JavaScript端口。 這裡也是一個測試網頁的用戶界面 ，使用JavaScript端口，在這裡你可以嘗試與minifier。
• 相當數量的新增測試 （但你可以增加更多 ）。
• 一些CSS的功能越來越多，如通過媒體查詢和CSS3的變換的安全處理。

批處理

另一個值得歡迎的除了壓縮機，它現在可以處理批文件。 這可以大大減少你的構建過程，特別是如果你有大量的文件，以縮小需要的時間。

例如，下列命令縮小.js和.css文件，寫一個“min.css”後綴的縮小的文件。

  Java的罐子yuicompressor.jar-O“。CSS美元：min.css”* CSS。
 $ Java的罐子yuicompressor.jar-O“。JS $：min.js”* JS。 

感謝斯蒂芬·伍茲和Flickr的團隊對這個功能！

鏈接

YUI的壓縮機2.4.6是立即可用的下載 。 隨時幫助我們提交錯誤或功能的要求 ， 編寫更多的測試 ， 分叉的代碼，或加入談話 。

找到的談話： bloglines technorati

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

友好的方向導航欄

4月25日，2011年在由蒂埃里Koblentz上午9:12 | CSS 101 ， 發展 | 4評論

我最近碰到一個水平右對齊的鏈接導航菜單。 正如您可能期望，這是一個列表元素float:right和float:left列表項目float:left 。 即使是這種做法沒有錯，它的啟發，我藉此機會討論方向性佈局。

浮動元素的成本

彩車有沒有方向性的概念，他們沒有工作，如內聯元素或表列（ dir屬性是一個神奇的子彈）。 與花車，作家必須實現一種機制，以“交換”的價值觀時，界面的變化（ ltr和rtl ）。

因此，而不是使用float ，作者可能有利於inline-block 。 下面是一個簡單的例子：

 ul { text-align: end; text-align: right\9; *text-align: right; } li { display: inline; } a { display: inline-block; padding: 5px 15px; margin: 0 5px; } 

請注意，使用“ \ 0 “（無空格），而不是” \9 “將採取照顧的Opera，但可能不會像\9 “（僅IE） “未來的證明。

由於這個演示頁面顯示，在Chrome，Safari和Firefox，內inline-block技術使得佈局的寫作模式而定（流動方向相匹配的值如果沒有指定方向dir屬性，或初始值）。 對於其他尿酸小號，而且由於缺乏支持的屬性選擇器（即IE瀏覽器的html[dir="rtl"] ），作者需要標記中添加了一個鉤子，迎合變化的方向。 例如，對於A級的兼容性：

浮法技術為：

 .rtl ul { float: left; } .rtl ul li { float: right; } 

對於內聯塊技術：

 .rtl ul { text-align: left\9; /* IE8/9 */ *text-align: left; /* IE5/6/7 */ } 

text-align: start | end

不同於left和right ， start和end的寫作模式而定關鍵字。 在英語中， start地圖left和end映射到right 。 依托start和end ，而比left和right ，允許某些瀏覽器做自動交換（ ltr / rtl ）。

瀏覽器和技術之間的差異

在瀏覽器中不支持“ start / end “（IE瀏覽器，歌劇）

浮法技術：交換的方向不會改變任何東西

內聯塊技術：交換的方向不會改變菜單的對齊，但正確的順序顯示鏈接

在支持“ start / end “（鉻，Safari，火狐瀏覽器）

浮法技術：交換的方向不會改變任何東西

內聯塊交換技術：方向是足夠的交換雙方菜單的方向和鏈接

這就是它！ 下一次你有水平的風格元素，記得給display:inline-block或display:table一試。

找到的談話： bloglines technorati

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

銳3“積木，模塊和應用程序”研討會即將到波特蘭，免費！

4月19日，3:32下午2011年由盧克·斯密在發展 ， YUI活動 | 6評論

銳，一起與雅虎 開發者網絡 ，很高興贊助免費的YUI 3“積木，模塊和應用研討會”上週日，2011年5月1日，在美國俄勒岡州波特蘭市。 這是一個偉大的方式開球時間JSConf ，但你不需要JSConf的票，以出席研討會。 所有被邀請到這個免費的事件！

我將加入雅虎同胞， 貢薩洛·科爾德羅的全日制手的訓練，在那裡你會學習如何建立狀態類，插件，使用YUI的基礎設施組件的部件，打包成可重用的模塊，並組裝他們成一個簡單的應用程序。 上午上課，將重點放在什麼積木（如基地和Widget）提供何時以及如何使用它們。 下午班將進入更先進的類配置，設立裝載機結合主辦的模塊，並建立應用程序控制器通過自定義事件有關的各種模塊類和API。

空間有限，所以今天預定您的座位在http://training.bocoup.com/PreJSConf-2011/

找到的談話： bloglines technorati

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

YUI的3 DataTable的快速編輯模式

4月19日，下午3:20 2011年由約翰·Lindal，在發展中， YUI 3圖庫 | 1評論

即使銳3 DataTable中還沒有內聯編輯的單個細胞，它是相對簡單，以實現快速編輯模式。 為DataTable中的快速編輯插件銳在3畫廊允許同時編輯一個DataTable中的所有可見值。

（ 點擊玩這個例子的截圖 。）

概觀

至於與YUI 2版本 ，快速編輯模式的核心思想是，換出新的細胞格式化，表單元素，例如，輸入域或下拉列表填充細胞。 這樣做start()被調用，基於下文所述的配置。 用戶完成後，您可以調用getChanges()來獲得改變的值，然後他們堅持。 退出快速編輯模式，呼籲cancel() （它被命名取消 ，而不是停下來提醒你，它丟棄所有的變化。）

自快速編輯廊模塊是一個DataTable中的插件，你需要將其插入到您的DataTable之前，你可以用它：

 my_table.plug（Y.Plugin.DataTableQuickEdit）;

這個插件存儲在qe DataTable的成員，所以你必須這樣調用插件的功能：

 my_table.qe.start（）;

組態

快速編輯增加了兩個新的所有列的配置屬性： quickEdit和qeFormatter 。

如果一個列的quickEdit屬性定義，將列在“快速編輯模式編輯。 接受所有默認設置，你可以簡單地設置quickEdit:true 。 對於更多的控制權，你可以傳遞一個對象，具有以下屬性：

formatter

單元格的格式化，這將導致以適當的形式領域：<input type="text">，<TEXTAREA>或<SELECT>。 默認情況下，細胞的格式化Y.Plugin.DataTableQuickEdit.textFormatter是用於所有細胞產生的輸入元素。 為了得到一個textarea元素，配置，而不是使用Y.Plugin.DataTableQuickEdit.textareaFormatter列。

validation

每列字段的驗證配置。

css

CSS類編碼的基本驗證規則：

yiv-required

值不能為空。

yiv-length:[x,y]

至少在最x y字符x字符和字符串必須。 必須指定至少一個x和y。

yiv-integer:[x,y]

整數的值必須是至少x和在最y 。 x y y都是可選的。

yiv-decimal:[x,y]

十進制值必須是至少x和最y 。 指數是不允許的。 x y y都是可選的。

fn

一個稱為其範圍和細胞的形式元素作為參數將DataTable的功能。 返回true如果該值是有效的。 否則，調用this.displayMessage(...)顯示錯誤，則返回false。

msg

地圖的類型時，將顯示一個基本的或正則表達式驗證規則失敗的消息。 有效的類型有： required ， min_length ， max_length ， integer ， decimal ， regex 。 沒有默認類型regex ，所以你必須指定一個消息，如果你配置一個正則表達式驗證。 其他類型的默認錯誤信息存儲在Y.FormManager.Strings （提供畫廊formmgr CSS驗證 ）和可重寫和/或本地化。

regex

正則表達式的值必須滿足為了被視為有效。

有時候，一個不可編輯的列必須在快速編輯模式呈現不同的。 最好的例子是一個列包含一個鏈接，因​​為從頁面導航，而在“快速編輯模式可能是災難性的。 要刪除鏈接，在快速編輯配置qeFormatter列Y.Plugin.DataTableQuickEdit.readonlyLinkFormatter 。 對於電子郵件地址，使用Y.Plugin.DataTableQuickEdit.readonlyEmailFormatter 。 你也可以寫你自己的自定義，只讀格式化。 只需按照構建一個DataTable細胞格式化的一般規則。

缺少的特性

由於銳3.3.0的DataTable中的一個td 錯誤 ， td元素傳遞給一列格式化實際上是由前一列。 這太麻煩，以支持複製下來 ，在第一行中的一個按鈕，讓你複製的價值下降到所有其他行。

的錯誤也需要一個完整的基本快速編輯單元格格式化的改造，而不是操縱DOM返回的文本。 這就是為什麼自定義單元格格式化是沒有正式在最初的版本中支持。 如果你喜歡冒險，你仍然可以建立，但要記住，你將需要重寫，包括加入支持複製下來，一旦在DataTable中的錯誤是固定的。

關於作者簡介：： 約翰Lindal （ @ jafl5272在Twitter）是雅虎建設的基礎上率先工程師之一 APT是建成。 此前，他曾在雅虎出版商網絡。

找到的談話： bloglines technorati

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

銳：週四4月21日營業時間

2011年4月19日，在1:39上午由盧克·斯密| 開發 ， 開放時間 | 評論關閉

YUI的遠程裝載機服務

有一段時間了， 里德·伯克已Node.js的基礎服務工作加快了計算，並要求在3 YUI的模塊依賴的過程。 他有它非常接近搞定了在這一點上，希望他有什麼分享，並得到你的想法將使甚至awesomer的。

問題

一段時間，現在我們已經知道，而真正開發方便， Y.use( modules ,...)方法引入不必要的延誤，在自旋向上的實現代碼。 原來，這是一個計算依賴關係樹的工作很多，僅元數據可以在你的頁面的整體內存佔用的累贅。 YUI種子文件（包括傳統的方法yui-min.js ），然後引導YUI().use(...)第一次告訴銳加載模塊依賴元數據在背負整個庫的裝載機YUI().use(...)其源，然後裝載機計算所需的模塊的完整列表根據您的use(...) 在客戶機上的陳述。

該解決方案

遠程裝載機服務移動計算服務器，使你的代碼的初始化速度，並減少您的網站的客戶端內存中的文件，因為元數據和裝載機在客戶機上不再必要。 它也可作為組合處理，直接返回所有的代碼，而不是通過路由的yahooapis組合服務（網絡流量少），是Node.js的對您的域名服務器上部署。

該計劃是今天的工作，其中包括一些非常令人印象深刻的統計，從它在使用yuilibrary.com里德演示，然後打開通話的意見和要求。 快來退房YUI加載的未來看起來是什麼！

時間及詳情

我們會從上午10點至11點PDT星期四線上。 連接的詳細信息和往常一樣。

1. 撥號到1-888-371-8922（Skype的非美國與會者*）
2. 輸入與會者代碼47188953＃
3. 加入屏幕共享會話 （會提示你安裝的Adobe Connect插件，如果這是您第一次使用）

* - 如果Skype是不是一種選擇，給我發電子郵件或在freenode上的＃YUI IRC頻道趕上我（ls_n）一個本地電話號碼。

找到的談話： bloglines technorati

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

宣布銳2.9.0

4月13日，2011年由珍妮·唐納利在下午05:28 | 開發 | 11評論

YUI團隊很高興地宣布釋放銳版2.9.0。 銳2.9.0 對YUI 2行代碼是最後一個錯誤修復發行，標誌著其進入維護模式的過渡。 向前走，希望看到的版本，只有關鍵的bug修復或修復導致更新的瀏覽器在瀏覽器的兼容性問題組成的金紫荊星章 。 我們真正的興奮，更好地集中我們的注意力，對即將到來的3.4.0銳釋放。

要獲得一個想法銳2.9.0中包含的變化，您可以查看自述精華總結他們各自的自述文件，這個版本的組件開發增加。 您還可以查看固定門票銳2.9.0為完成本新聞稿中的錯誤修復和增強請求的摘要清單 。

我們想提醒大家，當我們開始自嘲銳2.X的過程中，所有發布的版本將繼續在雅虎的CDN承載和代碼庫將繼續對GitHub.com forkable 。

找到的談話： bloglines technorati

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