YUI 2.9.0のリリース候補が利用可能になりました

中| 11:02 2011年3月30日はジェニードネリーによって午前開発 | 4コメント

YUI 2.9.0のリリース候補は、コミュニティによるレビューのために利用できるようになりました。 チームはテストの最終ラウンドを行うために数日間撮影されるので、週の終わりまでに私たちにすべてのfeebackを得るために私達の開発者コミュニティを奨励したいと思います。

リリース候補版、YUI 2.9.0 PR4は、両方で利用可能ですCDNだけでなく、 ダウンロード可能なパッケージのテストのために。 してくださいフィードバックを提供あなたが見つけるかもしれないバグとリグレッションで4月1日（金曜日）からです。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

Quorusでローダの使用

中| 9時49分に2011年3月24日、ピーターAbrahamsenによって午前の開発 、 YUIの実装では、 | 2コメント

今日は、私が話をしたいと思いますYUI Loaderは 、どのようにQuorus社 、オンデマンドの新機能を備えたサードパーティのウェブサイトを提供するためにそれを使用します。

Quorusのスクリーンショット

コー​​ド我々は、我々はドキュメント自体を使用する方法にはブラウザの環境を制御しますが、重いの制限だけでなく、持っていないの誰からもうらやまれない立場にいる、つまり、他の人のページに力の機能を記述します。 当社の顧客は、自分のページにQuorusブートストラップスクリプトを入れて、私達の機能に必要な他のすべては、動的にオンデマンドでロードされます。 我々は、要素、スタイル、スクリプト、我々は責任を負いませんよ何かの動作を変更しないことを確認するために英雄的な長さに行く。

YUI 3は単に形を取ったときに我々は、二年前に我々の現在のコードベースを始めました。 それは数ヶ月のベータ版をヒットしませんベースにコミットする時点で危険な決断だった。 振り返ってみると、私は、我々はそれなしで持っているものを達成しているだろうか想像することはできません。 私は、ローダーのパワーに近づいコンポーネントがあり、他のフレームワークを見ていない属性 、およびCustomEventを 。

我々は顧客に提供Quorus ブートストラップスクリプトは、ほとんど何もしません。 その仕事だけでページのロードの残りの部分をブロックせずに私たちのプラットフォームのコアをロードすることです、我々はそうやったまでキューに任意のAPIを呼び出します。 このコアスクリプトのステージ2と呼ばれるファイルで、インラインyui 、 loader 、およびoopと同様に、API呼び出し、ユーザーがクリックすると、オペレーティング環境内の他の条件に対応するために追加のライブラリをロードするのに十分な知性。 他のほとんどのリソースは、カスタムQuorusと株式YUIモジュールを提供していますカスタムコンボサーバによって処理されます。

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のロードフロー図

私達はの利点で、今日の我々のコードベースを始めていた場合、 YUIギャラリー 、我々は我々の生活を容易にするために使用するかもしれないコンポーネントの数があります。 その一つは、Eric Ferraiuoloのあるベースコンポーネントマネージャオンデマンドのコンポーネント（通常はウィジェット）を配線を支援。 別のかもしれないストレージLiteは私たちがページの読み込みを越えてアプリケーションの状態を保持するために、。

彼らの偉大な仕事のために、コミュニティへの貢献のためにYUIチームに感謝します。 あなたがサンドボックスにまたは非同期的にロードされたコンポーネントを調整することに私たちのアプローチについて読みたい場合、私はコメントで知らせてください！

ピーターAbrahamsen についての著者：ピーターAbrahamsen書き込みRubyとJavaScriptは、サーバインフラストラクチャ、およびワシントン州シアトル、米国の研究ユーザー中心の設計を管理します。 彼はで見つけることができますIRC Rainheadとして。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUI：営業時間3月23日（水）

中| 10:15 2011年3月21日には、ルーク·スミスによって午前の開発 、 営業時間 | 4コメント

YUI 3クック初見

それも公表されていないが、我々は作品にYUI 3クックブックを持っており、 エヴァンの常連客は、担当の男性です。 エヴァンは、（我々はコーディングに固執します）我々は持っているよりも我々は彼にそれを書く方がより良い仕事をする信頼できることを意味し、ほぼ15年間のテクニカルライター、されています。 したがって、この週私達はエヴァンを紹介し、その本の最初のコンテンツと構造のいくつかのフィードバックを見て与えるためにチャンスを与えるでしょう。

また今週、 スティーブンRousseyは、デモ、コールになりますFirebugのイルミネーションのプラグインは、DOMの構造と多くの背後にYUIの3つのオブジェクトを参照することができます。

時間と詳細

私たちは、 午前10時から午前11時PDT水曜日にオンラインでしょう。 接続の詳細は、通常と同じです。

  1. 1-888-371-8922（Skypeは米国以外の参加者*のために偉大な作品）へのダイヤル
  2. 参加者コード47188953を入力してください＃
  3. 画面共有セッションに参加する （これはそれを初めて使用する場合は、このは、Adobe Connectのプラグインをインストールするプロンプトが表示されます）

* - Skypeがオプションでない場合は、ローカル番号のために、freenodeの＃ゆいIRCチャン​​ネルで私に電子メールを送るか、または私（ls_n）をキャッチ。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

ヤフーメディアFoundationのチームのジョブを開く

中|午前9時35分に2011年3月17日には、リカルドDottaによって午前の開発 、 Yahooのフロントエンド·エンジニアリング·ジョブ | 1件のコメント

我々はヤフーメディア財団のフロントエンドのチームに参加する経験豊富なソフトウェアエンジニアを探しています。 フロントエンドチームは、Yahoo!メディアのWebサイトのグローバル、共有ソフトウェアコンポーネントとプラットフォームを開発するための責任があります - Yahoo!ニュース、Yahoo!ファイナンス、Yahoo!スポーツ、Yahoo!ミュージック、Yahoo!映画は、Yahoo!テレビ、Yahoo!動画、 OMG！ などがあります。 ヤフーメディアサイトがWeb上で人気の都市の一つである、あなたは毎日人々のタッチ数百万というユニークでエキサイティングな製品およびサービスの開発において重要な役割を果たします。

必要条件

  • 動的な環境で働くことができる
  • 速い学習者は - すぐに別の技術で速度まで来ることができます
  • チームプレーヤー - と協力し、ガイドピアすることができます
  • コミットメントと強い責任感を持っている必要があります
  • 強い口頭および文書によるコミュニケーションスキルを持っている必要があります
  • 強力な知識と業界では新興のツールや技術に強い関心を持っている必要があります

必要なスキル/経験

  • 業界での経験5年以上
  • PHP（推奨）、Java、またはC + +または同様の方法でオブジェクト指向プログラミングの強力な知識を持っている必要があります
  • Zendの、CakePHPは、またはSymphony（またはその他）およびクライアント側のAJAXのようなMVCフレームワークの経験を持っている必要があります
  • JavaScriptでOOP JS、CSSとDHTMLの強力な知識を持っている必要があります
  • JSON、XML、XSLT、Unixの管理、およびシェルスクリプトの能力
  • 正規表現は、UNIXの開発経験と、非常に望ましい、Subversionの管理経験
  • HTML5、CSS3、そして非常に望ましい新たなプレゼンテーション技術と知識と経験
  • ユニットテスト、および/またはテストの自動化の経験に加え、
  • データベース、SQLおよびMySQL（LAMPスタック）の経験はプラスです。
  • 非常に効率的でスケーラブルなサーバーサイドアプリケーションを開発およびデプロイする経験
  • 優れたデバッグとテストのスキル
  • 優れた分析力と問題解決能力
  • 必要なコンピュータサイエンスの学位または同等の実務経験

ヤフーについて

一意ヤフーあり、革新的で想像力豊かな方法でオンライン内のすべての2人のうち1つの影響を考えてみてください。 我々は、それぞれの毎日だけ行い、あなたもする可能性があります。 結局のところ、それは世界中の消費者と広告主のためのインターネット体験を次の世代を作成しますあなたのようなビッグネームです。 今あなたが持っているものを世界に示す時です。 5億人以上の人々のために働くあなたのアイデアを入れてください。

ヤフー株式会社は機会均等雇用者です。 詳細については、訪問してください。適用するhttp://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1を 、我々の開口部のすべてを検索するとご覧ください。 http://careers.yahooを。com 。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUI：営業時間の木3月17日

中| 23:56で、ルーク·スミス2011年3月14日開発 、 営業時間 | コメントオフ

アヤックス

今週、私が話をする時間をハイジャックしたいY.io （や友人）と、すべてのYUI 3のAJAXは、彼らができる最高のインタフェースとなるだろうと思うかについて少しブレーンストーミングを行います。 私は共有したいいくつかの考えを持っており、我々はいくつかをスキャンすることもでき、既存のバグや機能要求 。

実際に、しかし、私はあなたが現実世界に実装する傾向があるかのパターンの種類のあなたから聞きたいと、APIの砂糖のどのような我々は、あなたの人生を容易にするために追加することができます。 我々はそれをやるため。 私は誓う。

ここでギャラリーからサンプラーは、今日の：

多分答えのいくつかはそこにありますか？ あなたは何で焼いたたいか、あなたはそれが見えるように何をしたいですか？

時間と詳細

私たちは、 午前10時から午前11時PDT木曜日までオンラインでしょう。 接続の詳細は、通常と同じです。

  1. 1-888-371-8922（Skypeは米国以外の参加者*のために偉大な作品）へのダイヤル
  2. 参加者コード47188953を入力してください＃
  3. 画面共有セッションに参加する （これはそれを初めて使用する場合は、このは、Adobe Connectのプラグインをインストールするプロンプトが表示されます）

* - Skypeがオプションでない場合は、ローカル番号のために、freenodeの＃ゆいIRCチャン​​ネルで私に電子メールを送るか、または私（ls_n）をキャッチ。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

YUI 2.9.0のプレビューリリースが利用可能になりました

ジェニードネリーによって20:10に2011年3月14日|で開発 | 4コメント

YUIチームは最後の外閉鎖に一生懸命働いてきた2.9.0のバグ我々はの可用性をお知らせしているし、今日2.9.0のプレビューリリースコミュニティによるテストのために。 このリリースに含まれては数多くあり、バグ修正およびターゲットの拡張をもたらすのに役立ちますYUI 2コードラインを閉鎖だけでなく、それはより困難のために作るターゲットコードの変更およびマニュアルのアップデート実装者が意図しないセキュリティのベストプラクティスを無視する 。

YUI 2.9.0は​​重要なバグ修正と、ターゲットブラウザの互換性の修正が考慮されるメンテナンスモードに入れる前にYUI 2のコード行の最後のバグフィックスリリースを表します。 我々は、本当に私たちはYUI 3上に努力を倍加を助ける、この重要なマイルストーンに到達することができることに興奮しています。

YUI 2.9.0 PR2は、両方で利用可能ですCDNだけでなく、 ダウンロード可能なパッケージのテストのために。 我々はあなたが今日のプレビュー·リリースをテストし、する時間を取ることを願ってフィードバックを提供するあなたが見つけるかもしれないバグとリグレッションの3月18日（金曜日）で。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

折りたたまれたボックスで、CSSのボーダーのトリック

ティエリーKoblentzによって15:23に2011年3月8日|で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のための別の回避策です。 これはブラウザがボックスの高さを増加させないことを確認することです。

プレスを停止私はちょうど新しいトリックを（Chungho牙ありがとう）を学びました！：

[IEの国境の透明性を作成する]のマジックに "のborder-style 'を設定することで破線または点線

それはそれだ！ これは単なるイメージレス設計を実現するために境界線を使用するもう一つの方法です。

参考文献

著者について：ティエリKoblentzはYahoo!でフロントエンドエンジニアです
彼が所有しているTJKデザイン 、 EZ-css.orgとCSS-101.orgを 。 あなたがでTwitterでティエリーに従うことができます@ thierrykoblentz 。

会話を検索： Bloglinesの | テクノラティ

共有および拡張： del.icio.usでブックマーク | Diggそれ！ | reddit！

次のページ»
ヤフーが主催する

著作権©2006-2012ヤフー株式会社すべての権利を保有。 プライバシーポリシー - サービス利用規約

を搭載ワードプレスでヤフー ウェブホスティング 。