銳2.9.0推出候選人現在可用

2011年3月30日上午11:02珍妮·唐納利| 開發 | 4評論

現已由社區審查了YUI 2.9.0發布候選。 該小組將採取接下來的幾天做最後一輪的測試，因此在本週結束前得到任何留言反饋給我們，我們想鼓勵我們的開發者社區。

候選版本，YUI的2.9.0 PR4的，是可以通過的CDN ，以及一個可下載的測試包 。 請提供反饋 ，4月1日（星期五），你會發現任何bug和回歸。

找到的談話： bloglines technorati

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

在Quorus loader用法

2011年3月24日，在9:49上午由彼得Abrahamsen | 發展 ， YUI實現 2評論

今天，我想談談銳裝載機和我們如何在Quorus公司 ，用它來提供第三方網站的新功能需求。

quorus截圖

寫上其他民族的頁面的代碼，我們的權力特徵，這意味著我們是吃力不討好的位置在我們如何使用文件本身不僅沒有控制在瀏覽器環境，但沉重的限制。 我們的客戶在其網頁上Quorus引導腳本;我們的功能所需的一切動態加載和需求。 我們去英雄的長度，以確保我們的元素，樣式和腳本不會改變什麼我們是不負責的行為。

兩年前，我們開始了我們目前的代碼庫，當銳3只是初具雛形。 這是一個冒險的決定時，承諾不會打幾個月的beta代碼庫。 現在回想起來，我不能想像我們如何將我們沒有它已經完成了。 我沒有看到任何其他的框架具有組件裝載機，功率接近， 屬性和自定義事件 。

我們提供給客戶的Quorus 引導腳本幾乎沒有。 它的工作是我們的核心平台，只是沒有阻止頁面加載的其餘部分加載和隊列，直到我們已經這樣做的任何API調用。 這個核心的腳本文件，稱為stage2文件 ，內嵌yui ， loader ， oop ，以及足夠的智慧來加載額外的庫API調用，用戶點擊，其他條件和經營環境。 大多數其他資源提供一個自定義的組合服務器提供定制Quorus和股票銳模塊。

Bootstrap隊列中最多的API調用在主機站點的，當它加載，當我們準備在一個數組中去，我們的全局對象，QUORUS之間的代碼： 

 QUORUS._callbacks = []; QUORUS.use = function () { // turn the arguments object into a regular array, // so that it can be stored safely var args = Array.prototype.slice.call(arguments, 0); QUORUS._callbacks.push(args); };

一旦我們準備好處理API調用， stage2運行，他們一個個在超時。 這將確保我們定期回瀏覽器，這使得用戶體驗響應產量控制。 該行為是很多，但像Y.AsyncQueue簡單，並不需要YUI的加載： 

 // Put the real 'use' function in place for any subsequent calls: QUORUS.use = function (feature, callback) { YUI.use('module-that-provides-the-feature', function (Y) { // find the API for the requested feature, and pass it to the callback callback(Y.APIs[feature]); // process another pending API call, if any: setTimeout(processAPICall, 0); }); }; // Play catch-up, running each callback in sequence: function processAPICall () { var callback = QUORUS._callbacks.shift(); if (callback) { QUORUS.use.apply(QUORUS, callback); } } // Start processing the queue: processAPICall();

bootstrap文件，通過這一點，主要是不可改變的，這是值得我們手給客戶，他們可能需要一個月或更長時間部署任何新的版本中，我們給了他們敏捷的初創公司不可能長時間。 同時， stage2文件，是小的，從我們自己的服務器的負載，並有一個很短的緩存一生。 這將確保沒有終端用戶將有超過幾分鐘的舊版本。 幾乎所有我們所需要的其他資源是永久緩存的JavaScript庫和CSS文件。

當我們釋放了我們的代碼的新版本， stage2自動指示瀏覽器開始下載一個新的位置，確保他們只使用最新的代碼。 這種設置使我們能夠快速部署服務資產超過必要更經常的變化。 這不僅使我們的帶寬成本低，但它提供了一個更好的用戶體驗：緩存的資源加載速度非常快，頁面加載時。

quorus的JS加載流程圖

如果我們開始我們今天的codebase的利益， YUI庫 ，有若干組成部分，我們可能會使用，使我們的生活更輕鬆。 其中之一是埃里克Ferraiuolo 相應的組件管理器 ，其中有高達組件需求（通常部件）接線協助。 另一種可能是存儲精簡版 ，以幫助我們保持整個頁面加載應用程序的狀態。

YUI團隊為他們的偉大的工作，和社會的貢獻非常感謝。 如果你想閱讀有關我們的沙箱或協調異步加載的組件的方法，請讓我知道在評論！

彼得Abrahamsen 作者簡介：彼得·Abrahamsen寫Ruby和JavaScript，管理服務器基礎設施，並研究在美國華盛頓州西雅圖，以用戶為中心設計的。 他可以發現在IRC上為Rainhead。

找到的談話： bloglines technorati

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

銳：週三3月23日營業時間

2011年3月21日上午10:15盧克·史密斯| 開發 ， 開放時間 | 4評論

先看看銳3食譜

它並沒有得到很好的宣傳，但我們有一個YUI 3 埃文歌爾是在負責人的作品和食譜。 埃文為近15年來一直是一個技術作家，這意味著我們相信他做得更好寫它比我們（我們會堅持到編碼）。 因此，這個星期，我們將介紹您到埃文，給你一個機會看到並給予本書的初始內容和結構的一些反饋。

本週， 史蒂芬Roussey將在電話會議上，示範iPhone 燈飾Firebug插件 ，讓您看到YUI 3落後的DOM結構和對象。

時間及詳情

我們會從上午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！

雅虎媒體基金會隊的職位空缺

2011年3月17日，上午9:35在里卡多Dotta |在發展 ， 在雅虎的前端工程作業 | 1條評論

我們正在尋找一位經驗豐富的軟件工程師加入雅虎媒體基金會的前端團隊。 前端團隊是負責制定全球性的，共享的軟件組件和平台媒體網站雅虎 - 雅虎新聞，雅虎財經，雅虎體育，雅虎音樂，雅虎電影，雅虎電視，雅虎視頻， 0908288 和其他人。 雅虎媒體網站是在網絡上最熱門的目的地，你發揮了關鍵作用，在發展獨特的和令人激動的產品和服務，每天接觸數百萬的人。

要求

  • 能夠在動態環境中工作
  • 快速學習能力 - 能夠迅速拿出不同的技術與速度
  • 團隊精神 - 協作和指導同行
  • 必須有一個強烈的責任感的承諾和責任
  • 必須具備較強的口頭和書面溝通技巧
  • 必須有強大的知識和濃厚的興趣，在新興的工具和技術，在同行業中

所需的技能/經驗

  • 5年以上的行業經驗
  • 必須在PHP（首選），Java，或C + +的或類似的面向對象編程的強大的知識
  • 必須有經驗的Zend，CakePHP的，或交響曲“（或其他）和客戶端AJAX的MVC框架
  • 必須有強大的JavaScript面向對象的JS，CSS和DHTML知識
  • 熟練的JSON，XML，XSLT中，Unix的管理和shell腳本
  • 正則表達式，Unix開發經驗，和Subversion管理經驗非常理想
  • 高度所需的知識和經驗與HTML5，CSS3，以及新興的演示技術
  • 單元測試和/或測試自動化加經驗
  • 數據庫，SQL和MySQL（LAMP堆棧）經驗是加號
  • 體驗開發和部署高效，可伸縮的服務器端應用程序
  • 優秀的調試和測試技巧
  • 優秀的分析和解決問題的能力
  • 計算機科學學士學位或同等工作經驗要求

關於雅虎

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

雅虎公司是一個平等機會的雇主。 如需更多信息，申請請訪問http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1 ，搜索我們所有的開口請訪問http://careers.yahoo。 。COM 。

找到的談話： bloglines technorati

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

銳：營業時間週四3月17日

3月14日，在下午11:56 | 發展 ， 2011年由盧克·斯密營業時間 | 評論

阿賈克斯

這個星期，我想劫持小時談約Y.io （和朋友），你認為會使銳3的Ajax界面最好的，他們可以做一點點集思廣益的。 我有一些想法，我想與大家分享，我們可以通過一些現有的缺陷和功能要求的掃描。

不過，說真的，我想聽到你的，你傾向於什麼類型的模式，以實現在現實世界中，我們可以添加什麼樣的API糖讓您的生活更輕鬆。 因為我們將做到這一點。 我發誓。

這裡有一個採樣今天從庫：

也許一些問題的答案在那裡？ 你想烤，它看起來像你想要什麼？

時間及詳情

我們會從上午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預覽版現在可用

3月14日，在下午08:10 2011年珍妮·唐納利| 開發 | 4評論

YUI團隊一直努力在收出我們過去的工作2.9.0的bug ，今天我們很高興地宣布2.9.0預覽版本進行測試，由社會提供了一個。 本新聞稿中包含大量的bug修復和有針對性的改進 ，這將有助於銳2的代碼行帶來封閉 ，以及有針對性的代碼修改和文檔更新，使實施者無意中忽視安全的最佳做法變得更加困難。

2.9.0銳代表了我們對YUI 2行代碼前把維護模式時，只有關鍵的bug修復和有針對性的瀏覽器兼容性修補程序將被視為最後一個錯誤修復版本。 我們真的很高興能夠達到這個重要的里程碑，這將幫助我們加倍的努力，到銳3。

銳2.9.0 PR2是可以通過的CDN ，以及一個可下載的測試包 。 我們希望你可以花點時間來測試今天的預覽版本，並提供反饋意見 ，3月18日（星期五），你會發現任何bug和回歸。

找到的談話： bloglines technorati

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

折疊盒的CSS邊框過關

3月8日，在下午03:23 2011年由亨利Koblentz在CSS 101 的設計 ， 開發 | 8評論

這些技巧將幫助您實現設計，而不訴諸使用圖像，CSS3的梯度或無關的標記。 折疊箱零line-height和height值，我們可以顯示的內容框以外的內容，超過邊界。

雙色背景

這個例子沒有包括IE 6/7的解決方法（檢查IE瀏覽器修復這個源代碼演示頁 ）。

雙色背景截圖 
 .parent { display:inline-block; text-align: center; border: 1px solid #cecece; } .child { display:inline-block; line-height: 0; height: 0; border-top: 1em solid #ffc; border-bottom: 1em solid #fdcf46; padding:0 .6em; vertical-align:bottom; } <ul id="menuBar-A"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul>

列表項之間的點和管道

這個例子顯示了跨瀏覽器的一些簡單的IE修復後正常。

點和管道截圖 
 ul.one, ul.two { margin-left:0; display:inline-block; *display:inline; zoom:1; height:12px; line-height:12px; padding:0; } li { float:left; display:inline; height:2px; line-height:2px; position:relative; top:.3em; } ul.two {border-left:1px solid #333;} ul.one li {border-left:2px solid #333;} ul.two li {border-right:2px solid #333;} ul.one li.first-child, ul.two li.last-child { border:0; } a { color:#000; padding:.4em .9em; *position:relative; } <div id="menuBar-B"> <ul class="us"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> </ul> <ul class="ourOffer"> <li class="services"><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> </div>

向左和向右的三角形

這個例子沒有包括IE 6/7的解決方法（檢查IE瀏覽器修復這個源代碼演示頁 ）。

向左和向右的三角形截圖 
 #box { line-height: 0; height: 0; border: .4em solid transparent; border-left-color: #333; border-right-color: #333; padding: 0 .3em; display: inline-block; } <ul id="menuBar-C"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul>

IE 6和邊境透明度

IE 6不支持關鍵字“ transparent “邊框顏色。 當你使用這個值，IE 6中繪製一個黑色邊框。

此解決辦法是使用色度過濾器，其中顯示了特定顏色的透明物體的內容 。 例如，要創建一個合適的箭頭，你可以使用這條規則： 

 #Box { height: 0; width: 0; border: 10px solid transparent; font-size: 0; _border-color: pink; _filter: chroma(color="pink"); border-left-color: #333; }

字體大小的聲明是針對IE 6的另一個解決方法。 它是確保此瀏覽器不增加框的高度。

！停止印刷機，我只是學會了一個新的技巧（謝謝中和市芳）：

神奇的[創建在IE瀏覽器的邊框透明度設置邊界式“虛線或點

這就是它！ 這僅僅是一個方法使用的邊界，以實現圖像設計。

進一步閱讀

作者簡介：蒂埃里Koblentz是在雅虎前端工程師
他擁有TJK設計 ， EZ-css.org和CSS-101.org 。 你可以按照在Twitter蒂埃里@ thierrykoblentz 。

找到的談話： bloglines technorati

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

下一頁»
主辦雅虎

©2006-2012雅虎公司所有權利保留。 隱私政策 - 服務條款

支持WordPress的關於雅虎 虛擬主機 。