المدونة ياهو واجهة المستخدم (YUIBlog)

YUI هو توظيف

29 أبريل 2011 في الساعة 00:58 من قبل دونيلي جيني | في التنمية ، وظائف الهندسة الواجهة في ياهو | 2 تعليقات

نحن نبحث عن مهندس الأمامية العليا للانضمام للفريق YUI! يجب أن يكون خبيرا في جافا سكريبت وعلى دراية جيدة في مجال تكنولوجيات أمامي مختلف. تحب حل المشاكل المعقدة في نطاق واسع، ونعرف ما في وسعها لتصميم واجهات برمجة التطبيقات القوية وبديهية، وتبني أفضل الممارسات في الأداء الأمني، وسهولة الوصول وسهولة الاستخدام،. لديك أيضا مهارات الاتصال ممتازة، تملك قدرا كبيرا من الاهتمام من التفصيل، وتكون مستقلة والحيلة.

المؤهلات الوظيفية الحد الأدنى:

• على مستوى الخبراء وجافا سكريبت، HTML، CSS والمهارات.
• أثبتت تجربة بناء مكونات شبيبة قابلة لإعادة الاستخدام التي هي وحدات مستقلة، performant، وصيانة.
• وشغف لبناء والتبشير على مستوى عالمي الأمامية المكتبة التي تؤثر الملايين من الناس كل يوم.
• الألفة مع مشاريع البرمجيات المفتوحة المصدر، خصوصا YUI.
• شهادة في علوم الكمبيوتر أو ما يعادلها من الخبرة في العمل.

المؤهلات الوظيفية المفضلة:

• أظهرت عمق الخبرة في المجالات الأمامية واحد أو أكثر مثل المحمول، والأداء، وجافا سكريبت من جانب الخادم، أو التدويل.

إذا كان هذا يبدو لكم، الرجاء ارسال سيرتك الذاتية وتغطية رسالة الى YUI، وظيفة (في) ياهو، المؤتمر الوطني العراقي (نقطة) كوم.

حول ياهو!

نفكر في التأثير على 1 من كل الناس 2 اون لاين - بطرق مبتكرة وخلاقة التي هي فريدة ياهو. نحن نفعل ذلك فقط كل يوم، وكنت قد جدا. بعد كل شيء، فمن المفكرين كبير مثلك الذي سيخلق الجيل القادم من الخبرات الإنترنت للمستهلكين والمعلنين في جميع أنحاء العالم. الآن هو الوقت لتظهر للعالم ما لديك. وضع أفكارك على العمل لأكثر من نصف مليار شخص.

هي شركة ياهو على أساس تكافؤ الفرص. لمزيد من المعلومات أو للبحث في كل من فتحات لدينا يرجى زيارة http://careers.yahoo.com .

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

أعلن YUI ضاغط 2.4.6

26 أبريل 2011 في 10:09 صباحا بواسطة ستيفانوف ستويان | في التنمية ، الأداء | 10 تعليقات

نحن مسرورون للإعلان عن التوافر الفوري للنسخة 2.4.6 من ضاغط YUI . هذه النسخة في معظمها يحتوي على تحديثات تتعلق التعامل مع ضاغط لminification المغلق ويدخل تجهيز دفعة من ملفات متعددة مع قيادة واحدة.

CSS minification

يسلط الضوء على ما يلي:

• العديد من البق الثابتة التي كسر ضاغط و / أو الملفات الناتجة مصغر.
• وأضاف وثائق بشأن ما الذي يفعله وminifier أيضا الخارقة التي CSS تتسامح.
• هناك ميناء جافا سكريبت من دقيقة المغلق في حال انها أكثر ملاءمة لعملية الإنشاء الخاصة بك. وإليك أيضا واجهة المستخدم على شبكة الإنترنت اختبار يستخدم ميناء جافا سكريبت، حيث يمكنك تجربة مع minifier.
• وهناك عدد كبير من الاختبارات الجديدة وأضاف (ولكن يمكنك اضافة المزيد من حتى ).
• آمن التعامل مع بعض الميزات CSS التي يتم الحصول على مزيد من تبني مثل الاستعلامات وسائل الإعلام والتحويلات CSS3.

تجهيز الدفعات

آخر إضافة إلى ترحيب ضاغط هو أنه يمكن أن يتعامل الآن مع دفعات من الملفات. وهذا يمكن الحد بشكل كبير من وقتك بناء تستغرق العملية، وخاصة إذا كان لديك عدد كبير من الملفات إلى زيارة maxify.

على سبيل المثال الأوامر التالية زيارة maxify جميع .js و .css الملفات وكتابة الملفات مصغر مع "-min.css" لاحقة.

  $ جافا جرة yuicompressor.jar-O '. المغلق $:-min.css' * المغلق.
 $ جافا جرة yuicompressor.jar-O '. شبيبة $:-min.js' * شبيبة. 

شكرا الخروج إلى بريتون وستيفن و فريق فليكر لهذه الميزة!

وصلات

YUI ضاغط 2.4.6 تتوفر على الفور التحميل . لا تتردد في مساعدتنا على الخروج من قبل تقديم طلب علة أو ميزة ، كتابة المزيد من الاختبارات ، التفرع رمز أو الانضمام إلى المحادثة .

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

اتجاه الصديقة للشريط التنقل

25 أبريل 2011 في 09:12 صباحا بواسطة Koblentz تييري | في CSS 101 ، التنمية | 4 تعليقات

كنت مؤخرا قد جاء عبر القائمة 1 الملاحية الأفقي مع وصلات باتجاه اليمين. كما قد تتوقع، وكان عنصر قائمة مع 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 فقط).

كما هذه الصفحة عرض العروض، في كروم وسفاري وفايرفوكس، و inline-block تقنية يجعل تخطيط الكتابة في الوضع التابعة (اتجاه تدفق يطابق قيمة dir السمة، أو القيمة الأولية إذا لم يتم تحديد الاتجاه). عن s UA أخرى، وبسبب عدم وجود اي لدعم محدد السمة (أي html[dir="rtl"] )، الكتاب بحاجة إلى إضافة هوك في توصيف لتلبية تغيير الاتجاه. على سبيل المثال، من أجل التوافق على الدرجة الكاملة:

لتقنية تعويم:

 .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 "(أي، أوبرا)

طرح تقنية: اتجاه مقايضة لا يغير شيئا

مضمنة كتلة تقنية: مبادلة اتجاه لا يؤدي إلى تغيير في محاذاة القائمة، ولكن يتم عرض الحلقات في تسلسل سليم

في المتصفحات التي لا تدعم " start / end "(كروم، سفاري، فايرفوكس)

طرح تقنية: اتجاه مقايضة لا يغير شيئا

مضمنة كتلة تقنية: مبادلة الاتجاه هو ما يكفي لتبديل اتجاه القائمة على حد سواء وصلات

هذا كل شيء! في المرة القادمة لديك لعناصر النمط أفقيا، احرص على إعطاء display:inline-block أو display:table المحاولة.

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

YUI 3 "وحدات البناء، وحدات، وتطبيقاتها" ورشة العمل القادمة لبورتلاند، ومجانا!

19 أبريل 2011 في 15:32 من قبل سميث لوقا | في التنمية ، أحداث YUI | 6 تعليقات

YUI، جنبا إلى جنب مع ياهو! شبكة مطوري هو متحمس، لرعاية مجانية YUI 3 "وحدات البناء، وحدات، والتطبيقات" ورشة عمل في الأحد 1 مايو، 2011 في بورتلاند بولاية اوريجون. هذا هو وسيلة رائعة لانطلاق وقتك في JSConf ، لكنك لا تحتاج إلى تذكرة JSConf لحضور ورشة العمل. والدعوة موجهة إلى جميع لهذا الحدث مجانا!

وسينضم لي زميل ياهو كورديرو جونزالو لمدة يوم كامل من التدريب العملي حيث سوف تتعلم كيفية بناء الطبقات جليل، والإضافات، والحاجيات باستخدام مكونات البنية التحتية YUI 3، ومجموعة منهم إلى وحدات قابلة لإعادة الاستخدام، وتجميعها في تطبيق بسيط. والطبقة صباح التركيز على ما اللبنات (مثل قاعدة والقطعة) لديك لتقدمه ومتى وكيفية استخدامها. والطبقة بعد ظهر اليوم ندخل في مزيد من تكوينات الطبقة المتقدمة، وإعداد محمل من الجمع بين وحدات الخاص بك استضافت، وإقامة وحدات تحكم تطبيق لربط الفصول الدراسية وحدة مختلف واجهات برمجة التطبيقات عبر أحداث مخصصة.

مساحة محدودة، لذلك نحتفظ مقعدك اليوم في http://training.bocoup.com/PreJSConf-2011/

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

سريع لوضع تحرير YUI 3 DataTable

19 أبريل 2011 في 03:20 من قبل جون ليندال | في التنمية ، YUI 3 معرض | 1 تعليق

على الرغم من YUI 3 DataTable ليس لديها حتى الآن تحرير مضمنة من الخلايا الفردية، هو بسيط نسبيا لتنفيذ سريعة وضع التحرير. ل تحرير سريع المساعد لDataTable في معرض 3 YUI يتيح لجميع القيم وضوحا في DataTable إلى أن تعدل في وقت واحد.

( انقر على شاشة للعب مع هذا المثال .)

نظرة عامة

كما هو الحال مع الإصدار 2 YUI ، والفكرة الأساسية من وضع التحرير السريع هو لمبادلة خارج كل خلية ومنسقات مع أسواق جديدة يمكن تعبئة الخلايا مع عناصر النموذج، على سبيل المثال، حقول الإدخال أو dropdowns. يتم ذلك عندما 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 و y.

yiv-integer:[x,y]

يجب أن تكون قيمة عدد صحيح ان تكون على الاقل x و في معظم y . x و y وكلاهما اختياري.

yiv-decimal:[x,y]

يجب أن تكون القيمة العشرية على الأقل x و في معظم y . لا يسمح للالدعاه. x و y وكلاهما اختياري.

fn

وثمة وظيفة التي سوف يطلق مع DataTable حيث نطاقه وعنصر الخلية شكل كوسيطة. العودة الحقيقية إذا كانت قيمة صالحة. خلاف ذلك، ندعو this.displayMessage(...) لعرضه على خطأ ومن ثم عودة كاذبة.

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.

نبذة عن الكاتب: جون ليندال ( @ jafl5272 على التغريد) هو واحد من المهندسين الرصاص بناء الأساس الذي ياهو! APT بنيت. سابقا، كان يعمل على شبكة ياهو الناشر.

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

YUI: ساعات فتح خميس 21 أبريل

19 أبريل 2011 في 1:39 صباحا من قبل سميث لوقا | في التنمية ، ساعات فتح | تعليقات فاقيإ

YUI البعيد محمل الخدمة

لبعض الوقت الآن، ريد بيرك كان يعمل في خدمة مقرها Node.js لتسريع عملية حساب وطلب تبعيات وحدة في YUI 3. لقد حصل على أنها قريبة جدا لتصل زرر عند هذه النقطة، ويريد أن تتقاسم ما حصل، والحصول على أفكار للحصول على ما من شأنه أن awesomer حتى.

المشكلة

لفترة من الوقت الآن كنا نعلم أنه، في حين مريحة حقا للمطورين، و Y.use( modules ,...) الطريقة يدخل في التأخير غير الضروري في زيادة ونقصان حتى وقت تنفيذ قانون الخاص. كما تبين انه هناك الكثير من العمل حساب الأشجار التبعية، والفوقية وحدها يمكن أن تكون عبئا على أثر الذاكرة العامة لصفحتك. الطريقة التقليدية بما في ذلك الملف من البذور YUI ( yui-min.js )، ثم مع إلباس الحذاء YUI().use(...) 1 يقول YUI لتحميل محمل الوحدة النمطية التي تنوء تحت وطأة التبعية مع الفوقية لمكتبة بأكملها في المصدر ثم يكون لها محمل حساب قائمة كاملة من وحدات المطلوبة استنادا بك use(...) بيان على جهاز العميل.

الحل

خدمة محمل البعيد يتحرك هذا الحساب إلى الخادم، مما يجعل رمز تهيئة أسرع وخفض الشخصي موقعك ذاكرة العميل لأن الفوقية ومحمل لم تعد ضرورية على جهاز العميل. كما أنه بمثابة معالج التحرير والسرد، والعودة عن قانون مباشرة بدلا من توجيه من خلال لخدمة التحرير والسرد yahooapis (أقل حركة مرور الشبكة)، وغير قابلة للنشر على خادم Node.js في المجال الخاص بك.

الخطة هي أن يكون ريد عرض ما هو العمل اليوم، بما في ذلك بعض الإحصائيات جميلة رائعة من استخدامه في yuilibrary.com ، ثم فتح الدعوة إلى ردود الفعل والطلبات. تعال وتصفح ما مستقبل محمل YUI تتطلع مثل!

مرة وتفاصيل

سنكون على الانترنت 10:00 حتي 11:00 PDT الخميس. تفاصيل الاتصال هي نفسها كالعادة.

1. الاتصال الهاتفي في ل1-888-371-8922 (سكايب يعمل كبيرة لغير الولايات المتحدة المشاركين *)
2. أدخل رمز الحضور 47188953 #
3. الانضمام إلى جلسة المشاركة الشاشة (وهذا سوف يطلب منك تثبيت البرنامج المساعد أدوبي الاتصال إذا كانت هذه هي المرة الأولى التي تستخدم فيه)

* - إذا سكايب ليست خيارا، أو البريد الالكتروني لي قبض لي (ls_n) في قناة # IRC YUI في freenode لعدد المحليين.

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

أعلن YUI 2.9.0

13 أبريل 2011 في 17:28 بواسطة دونيلي جيني | في تطوير | 11 التعليقات

تشعر بسعادة غامرة لفريق YUI للإعلان عن إطلاق النسخة 2.9.0 YUI. YUI 2.9.0 هو الإصلاح الشوائب الماضي الافراج عن رمز YUI السطر 2 بمناسبة انتقالها إلى وضع الصيانة. التحرك إلى الأمام، نتوقع أن نرى النشرات التي تتكون من الإصلاحات فقط علة حرج أو إصلاحات لمشاكل التوافق المتصفح الناجمة عن تحديثات لبرامج التصفح في باريه . نحن متحمسون حقا أن نركز اهتمامنا على أفضل إصدار 3.4.0 القادمة من YUI.

للحصول على فكرة عن التغييرات المدرجة في YUI 2.9.0، يمكنك مراجعة ملخص التمهيدي الذي يلخص كل من الاضافات التي ادخلت من قبل المطورين المكون لملفاتهم التمهيدي المعنية لهذا الإصدار. يمكنك أيضا عرض قائمة من تذاكر ثابتة في YUI 2.9.0 للحصول على ملخص من الاصلاحات وطلبات تعزيز أنجزت في هذا الإصدار.

نود أن أذكر الجميع بأن ونحن نبدأ عملية نشجب YUI الإصدار 2.x، كافة إصدارات صدر سيستمر استضافتها على كندي ياهو وقاعدة رمز ستظل forkable على GitHub.com .

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!