Yahoo!用戶界面博客（YUIBlog）

實施重點：短的推算結果

2009年7月31日，8:52上午由珍妮·唐納利| 1條評論 | YUI的實現

找到的談話： bloglines technorati

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

在為2009年7月17日，野生

2009年7月17日，10:05上午由埃里克·米拉利亞在野外 | 3評論

從過去幾週的新聞和筆記。 讓我們知道我們錯過了！

• 邁克爾·克拉默的迷你圖小工具（帆布） ：邁克爾·克拉默已經創建了一個迷你圖銳的小部件 ，使用畫布產生塔夫特去年秋季迷你檢查出他的博客，他介紹的widget 演示頁 。
  
• YUI的菜單，覆蓋和更多Sigalert.com ：交通站點Sigalert的托德Kloots YUI菜單控制 ，使優秀的使用以及其他YUI的公用事業和部件的主機。
  
• 招聘網站的梯子使用YUI的自動完成和更多 ： 梯子（theladders.com）是一個高端職位網站支付10萬美元以上的職位。 你會發現在網站上的各種銳2.7.0組件，包括了珍妮韓唐納利的奇妙實施YUI的自動完成控制對網站的主要求職控制。
  
• 播客：喬納森·勒布朗銳3 ： YUIBlog撰稿人喬納森·勒布朗，雅虎開發者網絡團隊的技術傳播者，是在南卡羅來納州，並做了一系列時期三播客。 其中之一是對銳3， 近期將正式公測 。 通過點擊視頻 。 你可以閱讀關於銳3更多的雅虎開發者網絡站點。
• 15真正有用的基於Web的HTML編輯器 ：DAV玻璃的YUI的富文本編輯器特色的編輯Webdesignbooth的15個真正有用的 基於Web的HTML編輯器 中 。 寫作者：“ 富文本編輯器的一部分，雅虎YUI庫 ，用戶可以輕鬆地擴展它通過創建插件的功能。“退房DAV的更多的文檔和例子 。
• 基督教海爾曼的GeoMaker，YUI的DataTable的和雅虎Placemaker的基督教海爾曼，技術的傳播者雅虎 開發者網絡 ，已編碼GeoMaker漂亮的界面，一個神話般的頂部雅虎 placemaker的API 。 基督徒的用戶界面利用：托德Kloots YUI按鈕控制和珍妮韓唐納利的YUI DataTable的控制 。 退房的博客文章 ;一個截屏如下。
  
  
• YUI組件與DWR - DWRDataSource ：Dendukuri維杰他JavaChap博客上寫道 ：“我的項目使用YUI和DWR的工作。 最難的部分是馬金江這兩個。 我googled人民集成銳和DWR，如何發現這個和這個 。 但這些解決方案將只與YUI的早期版本。 我使用YUI 2.7。 因此，我結束了寫自己DWRDataSource。 可能是有用的球員誰想要整合DWR和YUI 2.7。“（ 原始來源。 ）

找到的談話： bloglines technorati

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

7月27日Bayjax會議在雅虎：揚聲器包括道格拉斯·克羅克福德，妮可沙利文，Satyen德賽和喬納森·勒布朗

7月13日，在下午03:58 2009年埃里克·米拉利亞| 開發 | 4評論

雅虎將舉辦（星期一），7月27日會議的JavaScript Meetup網站組Bayjax 。 我們有4個了不起的揚聲器一字排開 - 道格拉斯·克羅克福德，妮可沙利文，Satyen德賽，喬納森·勒布朗。

出席是免費的，但座位是有限的。 RSVP事件， 頭部的Bayjax網站 。

由於雅虎的貢薩洛·科爾德羅和事件使雅虎和排隊了一個夢幻般的揚聲器組Bayjax隊。

七月Bayjax @雅虎

妮可·沙利文 - “面向對象的CSS”

你如何擴展以百萬計的遊客或數千頁的CSS？ 更多的網頁和模塊添加到你的CSS文件的大小會發生什麼？ 答案，對於大多數網站來說，是它生長失控，並成為意大利麵條代碼難以維護糾結。 也許更重要的是，我們的網站是太脆，需要宗師級的能力，甚至簡單的更改。

CSS是一個強大的，美麗的，語言表達，但深深的誤解，往往寫得不好。 現在正是合適的時機，它獲得了軟件工程最佳實踐的劑量。 面向對象的CSS允許你快速編寫，維護，基於標準的前端代碼。 它增加了急需的可預測性的CSS，所以，即使初學者也可以創造美麗的網站。 OOCSS不是一個框架或工具（儘管妮可在本次會議將演示兩個），這是一個更好的，理智的方式編寫和維護樣式表。

satyen德賽 - “銳3：設計目標建築”

satyen德賽是YUI的下一代的代碼行的原則設計師之一。 在這次談話中，Satyen介紹，YUI工程團隊的建設面臨著新的代碼行，從這些挑戰中出現的設計關鍵的設計挑戰。

道格拉斯克羅克福德 - “JSON的佐賀”

JSON是一種簡單的數據交換格式。 這是罕見的，簡約的標準間是其設計的原則目標之一。 極簡主義的激進可能JSON來成功抗衡根深蒂固的，最大的標準。

喬納森·勒布朗 - “構建可伸縮的JavaScript YQL的小工具”

雅虎 查詢語言提供了一個獲取和處理數據從互聯網上的任何來源或API的豐富和動態的方法-與YQL的互聯網成為你的數據庫。 廣泛的數據可視化和JavaScript的流技術，通過庫，如YUI的耦合YQL的數據後端，開發人員可以建立強大的部件和數據系統，使用了一個簡化的SQL語法，YQL的基礎英寸YQL的和JavaScript的婚姻帶來了強大的瀏覽器的MVC接口。

找到的談話： bloglines technorati

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

日期格式使用YUI -第四部分

7月6日下午2:28 2009年菲利普·特利斯| 開發 | 7評論

我們在本系列第一部分 ，介紹與YUI日期實用的日期格式和集成控制中的DataTable 第二部分和第三部分中的圖表控制。 在這最後一部分，我們來看看使用YUI日期本地化。

總的來說，我們可以使用YUI使用的YAHOO.util.Date類的一部分，這是目前分佈式數據源實用的日期格式。 任何有效strftime格式規範支持，例如， YAHOO.util.Date.format(new Date(), { format: "%Y-%b-%d"});將返回的日期<four digit year>-<short month name>-<two digit day of month> 。

日期實用程序接受一個可選的第三個參數，它指定的區域設置格式化日期時使用。 如果沒有指定，這個默認"en" 。 語言環境是一個字符串，可能是兩個字母的ISO-639-1語言代碼 ，可選連字符和兩個字母的ISO-3166-1國家代碼 。 例如， fr是法語，而fr-CA用於在加拿大講法語的方言，並使用fr-CH在瑞士法語方言。 de-CH另一方面，是在瑞士德語方言發言。

有效的語言環境的代碼示例

地區代碼	語
EN	英語（默認）
FR	法國人
FR-CA	在加拿大講法語方言
FR-CH	在瑞士講法語方言
德	德語
- DE	在德國講的德語方言

地區代碼僅影響以下格式規範：

％的

根據當前區域的星期名稱縮寫

％一

根據當前區域的星期名全稱

％B

根據當前區域的月份名稱縮寫

％B級

根據當前語言環境的完整月份名稱

％C

當前區域首選的日期和時間表示

％H

相同的％B

％P

“上午”或“PM”根據給定的時間值，或當前的區域設置相應的字符串

％，P

％P，但小寫

％R

時間在上午和下午符號等於％I：％M％S％P

％X

當前區域首選的日期表示沒有時間

％x

當前區域首選的時間表示沒有日期

內置的語言環境

讓我們先通過內置的語言環境中尋找。 日期工具默認情況下，包括下列語言環境：

• EN - 英語（默認）
• EN-US - 英語（美國）
• EN-GB - 英國英語
• EN-AU - 澳大利亞英語（英國英語相同）

在下面的例子中，我們將打印出特定於語言環境的日期格式，使用內置在語言環境：

 VAR =新的日期（）;
 VAR F = {格式為：“％X％N”};
 VAR =“％X：\ N”;
 + =“預設：\”+ YAHOO.util.Date.format（D，F）;
 + =“EN-US：\”+ YAHOO.util.Date.format（D，F，“EN-US”）;
 + =“EN-GB \ T”+ YAHOO.util.Date.format（D，F，“EN-GB”）;

警報（S）;

看到一個工作的例子 。 請注意不同的輸出EN-US和en-GB。 類似這兩種語言環境之間的差異可以看出， %r ， %c ， %X 。

支持其他語言

現在，有許多英語以外的語言，許多Web應用程序迎合日期格式化應該支持這些語言的發言。 雖然這些都不是由銳本身提供的，它是相當簡單的添加您自己的區域設置的修補。 讓的現在為法國創造一個。 為此，我們在混合這與我們的語言環境中使用的定義YAHOO.util.DateLocale級YAHOO.lang.merge方法：

 YAHOO.util.DateLocale“FR”] = YAHOO.lang.merge（YAHOO.util.DateLocale，{
	答：“暗淡”，“論語”，“MAR”，“濱海”，“jeu”，“法師”，“薩姆”]，
	答：“dimanche”，“lundi”，“狂歡”，“mercredi”，“jeudi”，“vendredi”，“samedi”]
	 B：[“一月”，“肺活量”，“MAR”，“AVR”，“麥”，“君”，“瑞”，“AOU”，“九月”，“十月”，“月”，“DEC” ]
	乙：“讓維耶”，“février”，“火星人”，“艾薇兒”，“麥”，“駿”，“JUILLET”，“AOUT”，“septembre”，“OCTOBRE”，“NOVEMBRE”，“décembre” ]
	 C：“％A％D％B％T％Y％Z”的，
	電話號碼：[“”，“”]
	病人：[“”，“”]
	 X：“第％d％M％Y”型，
	 ：“％t”
 }）;

 VAR =新的日期（）;
 VAR F = {格式：“％C％N”};
 VAR =“％C：\ N”;
 + =“預設：\”+ YAHOO.util.Date.format（D，F）;
 + =“FR：\”+ YAHOO.util.Date.format（D，F，“FR”）;

警報（S）;

嘗試一下 。

同樣，我們可以創建一個加拿大法語法語語言環境中使用作為基地。 唯一的區別是在特定區域設置的日期格式%x ：

 YAHOO.util.DateLocale [“”] = YAHOO.lang.merge（YAHOO.util.DateLocale“FR”FR-CA]，{
	 X：“％Y％M-％d個”
 }）;

 VAR =新的日期（）;
 VAR F = {格式：“％％X％N”};
 VAR =“％％X：\ N”;
 + =“預設：\”+ YAHOO.util.Date.format（D，F）;
 + =“FR：\”+ YAHOO.util.Date.format（D，F，“FR”）;
 + =“FR-CA：\”+ YAHOO.util.Date.format（D，F“，”FR-CA）;
 + =“FR-CH：\”+ YAHOO.util.Date.format（D，F，“FR-CH”）;
小號+ =“的CH：\”+ YAHOO.util.Date.format（D，F，“去CH”）;

警報（S）;

嘗試一下 。

請注意，我們還嘗試訪問fr-CH ，並沒有被定義de-CH 。 日期實用程序在這種情況下，回落到較具體的語言環境，並試圖代替fr de de 。 由於de尚未定義，它落回en ，這是內置的。

我已經包含了幾個語言環境作為例子的定義。 如果你想使用這些語言環境中，它可能會更有意義只包括直接在HTML頁面的代碼，或將文件複製到自己的服務器。

• FR -法國，加拿大法語和瑞士法語
• -德國，瑞士德語
• 嗨 -印地文
• KO -韓國

找到的談話： bloglines technorati

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

分級瀏覽器支持更新：2009年第三季度

2009年7月2日，10:04上午由埃里克·米拉利亞| 開發 | 17評論

這後宣布分級瀏覽器支持的更新。 YUI的網站上的GBS頁總是有最新的信息。 這個職位包括清單的變化 ， 獲得A級支持的瀏覽器更新的圖表 ，和我們的金紫荊星章的預測 。 的討論部分打破了一些落後於當前的金紫荊星章更新戰略。

2009年第三季度GBS變化

這金紫荊星章的更新增加了A級支持Firefox 3.5和4.0的Safari。 A級停止支持Firefox 2中，歌劇院，在Mac OS X和Windows 2000上的IE6的。 此更新，Windows 2000的下降，從A級測試矩陣測試表面上減少4操作系統平台（從15 5平台的瀏覽器），以14瀏覽器。

• 啟動A級火狐3.5，Windows XP的支持
• 啟動A級為火狐3.5，Windows Vista的支持
• 啟動A級，Mac OS 10.4中的Safari 4.0支持
• 啟動A級支持的Safari 4.0的Mac OS 10.5

• 已停產的A級為IE6，Windows 2000的支持
• 已停產的A級為Firefox 3.0，Windows Vista的支持
• 已停產的A級支持火狐2.0的Mac OS 10.5
• 已停產的A級為Firefox 2.0，Windows XP的支持
• 已停產的A級為Opera 9.6的Mac OS 10.5的支持

註釋：

• 匕首符號（在“火狐3.5。†”）表示的最當前的非-β版本，分行層面獲得支持。
• 應測試在IE7的quirks模式可能與未知的​​文檔類型的網頁上使用的代碼。
• 代碼中可能出現的IE8的“兼容模式”，模擬到IE7，但並不相同，應明確在兼容模式下測試。

GBS的預測

我們期望在2009年第四季度金紫荊星章更新以下變化：

• 停止A級為Firefox 3.0.x的所有操作系統的支持。
• 停止為Safari在Mac OS 10.5 3.2.x中的A級的支持。
• 開始出版的A級矩陣的智能手機
• 重新評估谷歌瀏覽器的狀態

討論

1. 歌劇：歌劇仍然是一個重要的獨立瀏覽器製造商，但其子1％的全球市場份額正在取代其他瀏覽器的用戶群發展迅速（包括蘋果的iPhone OS和谷歌的Chrome Windows上的Safari）。 X級的瀏覽器類，它是優秀小的市場份額，瀏覽器，在許多方面，是正確的類別，在這一點上的歌劇。 然而，全球產品的開發， Opera的強勢地位在俄羅斯和東歐 （來源： StatCounter的 ）很有說服力地論證其繼續列入A級。 因此，我們的建議仍然是，你繼續測試您的應用程序，在Opera的最新版本的Windows XP。 我們在Mac OS 10.X下降，以減少測試表面和容納迅速增長的市場份額，未來的瀏覽器列入A級Opera支持。
2. 鉻：今天我們獲得金紫荊星章的最常見的問題之一是：“谷歌Chrome？” 這是一個公平的問題。 Chrome是一個優秀的，創新的遵守Web標準的瀏覽器，它有一個迅速擴大的市場份額。 鉻今天仍然是一個X級的瀏覽器，因為它的市場份額是一個相對的基礎上仍然非常小。 如果Chrome維持其目前的市場份額增長，它會被重新分類為A級的一個或兩個季度之內。 需要注意的是谷歌的Chrome的開發者頁面建議說：“如果你使用Safari 3.1測試你的網站，那麼您的網站應該已經工作的谷歌Chrome”。 這是個好建議。
3. 在iPhone OS的Safari：蘋果的iPhone和iPod Touch設備的操作系統，驅動是方興未艾的另一個瀏覽器流量類別。 iPhone OS的A級瀏覽器是Safari瀏覽器？ 我們的回答：沒有，但是這並不意味著你可以忽略它在你的產品規劃和測試。 我們認為，新興的手持設備上的全功能的瀏覽器是一個類別，要求其自己的金紫荊星章矩陣。 應包括這樣一個矩陣測試意見，包括iPhone上的Safari瀏覽器以及瀏覽器的瀏覽器與谷歌的Andr​​oid操作系統和Palm的預操作系統的船舶。 今天的X級治療這些瀏覽器是基於他們的市場份額 - 還記得正確的決定，X級的瀏覽器都將支持當前Web標準和發達，在瀏覽網站執行。 但通過這些瀏覽器的Web流量的快速增長，其獨特的形式因素（更小​​的屏幕），其新的交互範式（包括觸摸屏手勢）認為Web應用程序的設計和實施的故意，有時分化的方法。 雖然大部分內容應該“只是工作”，並且運作良好，這些設備需要在產品設計階段要考慮的。 您的應用程序提供一個“A級”的經驗，可能不是一個問題，您的應用程序是否在瀏覽器中運行，但您的應用程序的一個小的觸摸屏上的可用性是否保留其可用性。 鑑於此，我們將開始提供智能手機的金紫荊星章矩陣在2009年第四季度開始。

我們很想聽聽您對這些問題和其他人在評論部分起飛。

GBS的檔案

• 金紫荊星章更新，2009-01-28
• 金紫荊星章更新，2008-07-03
• 金紫荊星章更新，2008-02-19

找到的談話： bloglines technorati

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