YUIが採用されています

ジェニードネリーによって12:58に2011年4月29日|での開発 、 Yahooのフロントエンド·エンジニアリング·ジョブ | 2コメント

我々は、YUIのチームに参加するシニアのフロントエンドエンジニアを探しています！ あなたには、JavaScriptおよび様々なフロントエンド技術に精通し専門家でなければなりません。 あなたが大規模で複雑な問題を解決する愛、それは堅牢かつ直感的なAPIを設計するために必要なものを知っているし、パフォーマンス、セキュリティ、アクセシビリティ、およびユーザビリティのベストプラクティスを取り入れています。 また、優れたコミュニケーションスキルを持って、細部にまで細心の注意を持って、独立したと機知があります。

最小仕事の資格：

  • 専門家レベルのJavaScript、HTML、およびCSSのスキル。
  • モジュラー再利用可能なJSコンポーネントを構築する経験、パフォーマンスに優れ、保守を実証した。
  • 毎日何百万人もの人々に影響を与えるワールドクラスのフロントエンドライブラリを構築し、伝道への情熱。
  • 特にオープンソースソフトウェアプロジェクトでは、YUIに精通している。
  • コンピュータサイエンスの学位または同等の実務経験。

優先ジョブの資格：

  • このようなモバイル性、パフォーマンス、サーバサイドJavaScript、または国際化などの1つまたは複数のフロントエンドドメインの専門知識の深さを示した。

あなたのようなこの音の場合は、あなたの履歴書を送信し、ゆいの仕事（で）ヤフー株式会社（点）comへの手紙をカバーしてください。

ヤフーについて

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

ヤフー株式会社は機会均等雇用者です。 詳細については、または当社の開口部のすべてを検索するにはをご覧くださいhttp://careers.yahoo.com 。

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

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

YUIコンプレッサー2.4.6を発表

10時09分に2011年4月26日ストヤンステファノフによって午前|での開発 、 パフォーマンス | 10コメント

我々は、バージョン2.4.6の当面の空室状況を発表できることを大変嬉しく思いYUI Compressorを 。 このバージョンでは、主にCSSの縮小のコンプレッサーの処理に関連するアップデートが含まれており、単一のコマンドで複数ファイルのバッチ処理を紹介しています。

CSSの縮小

ハイライトは以下を含む：

  • コンプレッサー及び/又はその結果縮小さのファイルを壊す多数のバグを修正しました。
  • 追加されたドキュメントを正確にminifierが何にもCSSのハック、それは許容します。
  • CSS minのJavaScriptのポートは、ビルドプロセスのためのより適切な場合にはそこにあります。 ここにもテスト用のWeb UIのあなたがminifierを試すことができます場合には、JavaScriptのポートを使用します。
  • かなりの数の新しいテストが追加された（しかし、あなたはできても詳細を追加 ）。
  • そのようなメディアクエリーとCSS3の変換など、より採択を受けているいくつかのCSS機能の安全な取り扱い。

バッチ処理

コンプレッサーに別の歓迎は、それが現在のファイルのバッチを処理できることです。 これは大幅には縮小するためのファイルの多くを持っている場合は特に、ビルドプロセスにかかる時間を短縮することができます。

たとえば、次のコマンドはすべて縮小する.jsと.cssファイルと"-min.css"接尾辞を持つ縮小 ​​さのファイルを書き込みます。 

  $します。java-jar yuicompressor.jar-o 'を。CSS $-min.css' * CSS。
 $します。java-jar yuicompressor.jar-O 'の。js $-min.js' * JS。

感謝に出かけスティーブン·ウッズとFlickrのチームは、この機能のために！

リンク

YUIコンプレッサー2.4.6は、即時利用可能ですダウンロード 。 で私たちを助けて気軽にバグや機能要求を提出する 、 より多くのテストを書くこと 、 コードをforkしたり、 会話に参加する 。

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

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

方向フレンドリー·ナビゲーション·バー

午前9時12分に2011年4月25日ティエリKoblentzによって午前|でCSS 101 、 開発 | 4コメント

私は最近、右揃えのリンクを持つ水平方向のナビゲーションメニューに出くわした。 ご想像のとおり、それが持つリスト要素であったfloat:rightとしたリストアイテムの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 "オペラ座の世話をするだろうが、"などの将来の証拠として、ないかもしれません\9 "（IEのみ）。

このようにデモのページに示すように、クロム、SafariやFirefoxで、 inline-block技術は（流れの方向は、の値に一致するレイアウトを書き込みモードに依存するようにdir方向が指定されていない場合は属性、または初期値）。 他のUAのために、と理由属性セレクタ（つまり、サポートの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 writing-modeの依存型キーワードです。 英語では、 startに地図をleftしてendにマップright 。 に依存しstartとendではなく、 leftとrightいくつかのブラウザ（スワッピング行うことができますltr / rtl を自動的に ）。

ブラウザとテクニックの違い

"サポートされていないブラウザではstart / end "（IE、オペラ）
テクニックをフロート：スワッピング方向は何も変更されません
インラインブロックのテクニック：方向は、メニューの配置を変更しませんが、リンクを適切な順序で表示されます。スワッピング
サポート"を行うのブラウザではstart / end "（クロームは、Safari、Firefox）を
テクニックをフロート：スワッピング方向は何も変更されません
インラインブロックのテクニック：スワッピング方向はメニューとリンクの両方の方向をスワップするのに十分です。

それはそれだ！ あなたが水平にスタイル要素を持っている次回は、与えることを忘れないでdisplay:inline-blockまたはdisplay:tableしてみてください。

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

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

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

YUI 3 "ビルディング·ブロック、モジュール、およびアプリケーションは、"ポートランドに来て、そして無料のワークショップ！

ルーク·スミス15:32で2011年4月19日|での開発 、 YUIのイベント | 6コメント

一緒にYUI、 ヤフー デベロッパー·ネットワークは 、無料のスポンサーに興奮しているYUI 3 "ビルディング·ブロック、モジュール、およびアプリケーションの"ワークショップ 、オレゴン州ポートランドで2011年5月1日（日曜日）にします。 これであなたの時間をキックオフするのに最適な方法ですJSConfが、ワークショップに出席するためにJSConfチケットは必要ありません。 すべては、この無料イベントに招待され！

私は仲間ヤフーが参加するゴンサロ·コルデロのフル日間ハンズオンステートフルなクラスを、プラグイン、YUI 3のインフラストラクチャ·コンポーネントを使用してウィジェットを構築する方法を学びます研修、再利用可能なモジュールにパッケージ化し、それらを組み立てるシンプルなアプリケーションにロードします。 朝のクラスは、ビルディング·ブロック（例えばベースとウィジェットなど）をいつ、どのようにそれらを使用する提供しなければならないものに焦点を当てます。 午後のクラスは、ホストされたモジュールを結合するローダーを設定し、カスタムイベントを介して様々なモジュールのクラスとAPIを関連付けるために、アプリケーションのコントローラを設定し、より高度なクラス構成に取得します。

スペースが限られているので、本日お席を確保http://training.bocoup.com/PreJSConf-2011/

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

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

YUI 3 DataTableのクイック編集モード

ジョンLindalによって15:20に2011年4月19日|での開発 、 YUI 3ギャラリー | 1件のコメント

にもかかわらず、 YUI 3 DataTableはまだ個々のセルのインライン編集を持っていませんが、クイック編集モードを実装することは比較的簡単です。 簡易編集で、DataTableのプラグインYUI 3のギャラリーは、 DataTable内のすべての可視の値が同時に編集することができます。

（ この例で再生するスクリーンショットをクリックします 。）

概要

と同様に、 YUI 2バージョン 、クイック編集モードの核となるアイデアは、フォーム要素、例えば、入力フィールドやドロップダウンで細胞を移入し、新しいものを持つすべてのセルのフォーマッタをスワップアウトすることである。 ときにこれが行われるstart()以下で説明する構成に基づいて、呼ばれています。 ユーザーが終了したら、呼び出すことができます。 getChanges()変更された値を取得し、それらを永続化する。 クイック編集モードを終了するには、呼び出しcancel() 。 （これは、 キャンセルするのではなく、すべての変更を破棄したことを思い出させるために停止して名前が付けられています。）

[クイック編集]ギャラリーモジュールは、DataTableのプラグインですので、あなたがそれを使用する前にDataTableにそれを接続する必要があります。 

 my_table.plug（Y.Plugin.DataTableQuickEdit）;

これでプラグインを格納するqe DataTableのメンバーなので、このようなプラグインの関数を呼び出す必要があります。 

 my_table.qe.start（）;

設定

：クイック編集は、すべての列に2つの新しい構成属性が追加され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とyの少なくとも一つを指定する必要があります。

yiv-integer:[x,y]

整数値は、少なくともでなければなりませんxと最大でy 。 xとy両方ともオプションです。

yiv-decimal:[x,y]

進数の値は、少なくともでなければなりませんxと最大でy 。 指数は許可されていません。 xと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のセルのフォーマッタを構築するための通常の規則に従います。

存在しない機能

に起因するYUI 3.3.0 DataTable内のバグ 、 td列のフォーマッタに渡された要素は、 前の列から実際にあります。 これは最初の行のボタンをクリックすると、他のすべての行に値をコピーすることができますここで、 下にコピーをサポートするためにそれはあまりにも面倒ました。

バグは、DOMを操作する代わりに、テキストを返すために基本的なクイックエディット·セルフォーマッタの完全な作り直しが必要でした。 カスタムセルのフォーマッタが公式にこの最初のリリースではサポートされていない理由はここにあります。 あなたが冒険好きであれば、まだそれらを構築しますが、DataTable内のバグが修正されたら、ダウンしてコピーをサポートに追加するなど、それらを書き換える必要がありますことを心に保つことができます。

についての著者： ジョンLindalは （ @ jafl5272 Twitter上）の上に土台を構築、リードエンジニアの一つであるYahoo!を APTは、構築されています。 以前に、彼はヤフーパブリッシャーネットワークに取り組みました。

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

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

YUI：営業時間木4月21日

中| 1時39分に2011年4月19日には、ルーク·スミスによって午前の開発 、 営業時間 | コメントオフ

YUIリモートローダサービス

今しばらくの間、 リードバークは YUI 3のモジュールの依存関係を計算し、要求のプロセスをスピードアップするNode.jsのベースのサービスに取り組んできました。 彼のそれはかなりこの時点でケリを最大に近づいた、と彼が持っているものを共有し、それもawesomerなるだろう何のためにあなたのアイデアを取得したいと考えています。

問題

しばらくの間、今、私たちは開発者にとって本当に便利ながら、ことが知られてきたY.use( modules ,...)メソッドは、実装コードの時間スピンアップで不必要な遅延を紹介しています。 それは依存関係ツリーを計算する多くの作業だということが判明し、単独でメタデータは、ページの全体的なメモリフットプリントを負担することができます。 YUIのシードファイル（を含む従来の方法yui-min.jsしてブートストラップ）、 YUI().use(...)最初に全体のライブラリの依存関係のメタデータを抱えているモジュール·ローダーをロードするYUIを指示そのソース·その後ローダーは、に基づいて必要なモジュールの完全なリストを計算しているuse(...) クライアント·マシン上のステートメントを使用します。

ソリューション

リモートローダサービスでは、あなたのコードがより速く、初期化することと、メタデータおよびLoaderがクライアントマシン上でもはや必要ありませんので、あなたのサイトのクライアントのメモリプロファイルを減らすことは、サーバーにこの計算を移動します。 また、すべてのコードを返すではなく、直接yahooapisコンボ·サービス（以下、ネットワーク·トラフィック）を介してルーティング、コンボハンドラとして機能し 、ドメイン上のNode.jsのサーバー上にデプロイされることが可能である。

計画は上でその使用に起因するいくつかの非常に印象的な統計情報を含めて、今日働いているかレイドのデモを用意することですyuilibrary.com 、その後のフィードバックやリクエストへの呼び出しを開きます。 YUI Loaderの将来がどのように探しているものをチェックアウトしてくる！

時間と詳細

私たちは、 午前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を発表

ジェニードネリーによって17:28に2011年4月13日|で開発 | 11コメント

YUIチームは、YUIバージョン2.9.0のリリースを発表して喜んでいる。 YUI 2.9.0は、 YUI 2のコード行の最後のバグ修正リリースをメンテナンスモードにし、その移行をマーキング。 前進して、アップデートからのブラウザにその結果、ブラウザの互換性の問題のための唯一の重大なバグフィックスや修正から成るリリースを期待GBSを 。 我々は、真に優れたYUIの今後の3.4.0リリースで我々の注意を集中することに興奮しています。

YUI 2.9.0に含まれる変更のアイデアを取得するには、確認できているReadMeダイジェストは、このリリースのそれぞれのReadMeファイルにコンポーネントの開発者によって行われた追加のすべてをまとめたものです。 また、表示することができます固定されたチケットのリストは、このリリースで完了し、バグ修正と機能強化リクエストの概要については、YUI 2.9.0にします。

我々はYUI 2.xの廃止のプロセスを開始すると、すべてのリリースバージョンではYahooのCDN上でホストされていきますし、コードベースがあり続けること皆に思い出させるためにしたいGitHub.comにforkable 。

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

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

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

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

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