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

YUI الإصدار المرشح 2.9.0 متاحة الآن

30 مارس 2011 في الساعة 11:02 من قبل جيني دونيلي | في تطوير | 4 تعليقات

المرشح YUI الافراج 2.9.0 متاحة الآن للمراجعة من قبل المجتمع. وسيكون الفريق مع الأخذ في الايام القليلة القادمة للقيام الجولة الاخيرة من التجارب، لذلك نحن نرغب في تشجيع مجتمع المطورين في الحصول على أي feeback لنا بحلول نهاية الأسبوع.

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

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

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

استخدام جرافة في Quorus

24 مارس 2011 في 9:49 صباحا بواسطة Abrahamsen بيتر | في التنمية ، تطبيقات YUI | 2 تعليقات

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

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

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

السيناريو التمهيد Quorus التي نقدمها لعملائنا لا يفعل شيئا تقريبا. وظيفتها هي فقط لتحميل جوهر برنامجنا دون عرقلة ما تبقى من تحميل الصفحة، وإلى أي طابور API يدعو حتى فعلنا ذلك. هذا الملف النصي الأساسية، ودعا stage2، inlines 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 ملف، وفي الوقت نفسه، هو صغير، والأحمال من الخوادم الخاصة بنا، ولها عمر قصير مخبأ. هذا لا يضمن أن المستخدم النهائي لن يكون نسخة قديمة لأكثر من بضع دقائق. ما يقرب من جميع الموارد الأخرى نحتاج إليه هو في مكتبات جافا سكريبت cacheable بشكل دائم وملفات CSS.

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

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

شكرا جزيلا لفريق YUI لعملهم الكبير، وإلى المجتمع لمساهماتها. إذا كنت ترغب في قراءة عن نهجنا إلى sandboxing أو إلى تنسيق مكونات تحميلها بشكل غير متزامن، واسمحوا لي أن نعرف في التعليقات!

نبذة عن الكاتب: بيتر Abrahamsen يكتب روبي، وجافا سكريبت، ويدير البنية التحتية للخادم، والدراسات التي تركز على المستخدم تصميم في سياتل، واشنطن، الولايات المتحدة الأمريكية. ويمكن الاطلاع عليه في المركز كما Rainhead.

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

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

YUI: ساعات فتح الأربعاء 23 مارس

21 مارس 2011 في الساعة 10:15 صباحا من قبل سميث لوقا | في التنمية ، ساعات فتح | 4 تعليقات

YUI نظرة كتاب الطبخ 3 الأولى

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

أيضا هذا الأسبوع، ستيفن روسي سيكون على المكالمة، demoing الإضاءات المساعد لمصاب بهوس الاحراق الذي يسمح لك أن ترى الأشياء 3 YUI وراء هيكل DOM وأكثر من ذلك.

مرة وتفاصيل

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

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

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

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

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

افتتاح المهمة على فريق ياهو مؤسسة وسائل الإعلام

17 مارس 2011 في 09:35 صباحا بواسطة Dotta ريكاردو | في التنمية ، وظائف الهندسة الواجهة في ياهو | 1 تعليق

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

متطلبات

• قادرة على العمل في بيئة ديناميكية
• سريع التعلم - يمكن أن تأتي بسرعة تصل إلى سرعة مع مختلف التكنولوجيات
• لاعب فريق - يمكن أن تتعاون مع والأقران دليل
• يجب أن يكون شعور قوي من الالتزام والمسؤولية
• يجب أن يكون قوي مهارات الاتصال اللفظي والكتابي
• يجب أن لديهم معرفة قوية واهتماما كبيرا في الأدوات والتكنولوجيات الناشئة في مجال صناعة

المطلوب مهارات / تجربة

• + 5 سنوات من الخبرة في مجال صناعة
• يجب أن لديهم معرفة قوية من وجوه المنحى البرمجة في PHP (المفضل)، جافا، أو C + + مشابهة أو
• يجب أن لدينا تجربة مع الأطر MVC مثل زند، يتوفر CakePHP، أو سمفونية (أو غيرها) وأجاكس من جانب العميل
• يجب أن لديهم معرفة قوية من جافا سكريبت، JS OOP، CSS و DHTML
• الكفاءة في JSON، XML، XSLT، إدارة يونيكس، والبرمجة قذيفة
• التعابير العادية، ويونيكس تجربة التنمية، والتخريب الخبرة الإدارية المطلوبة للغاية
• تقنيات عرض المعلومات والخبرات مع HTML5، CSS3، والناشئة المطلوب للغاية
• تجربة مع وحدة اختبار و / أو التشغيل الآلي للاختبار زائد
• قاعدة بيانات، SQL و MySQL (كومة LAMP) الخبرة هي الإيجابيات
• تواجه تطوير ونشر، قابلة للزيادة كفاءة عالية من جانب الخادم التطبيقات
• ممتازة ومهارات التصحيح اختبار
• ممتاز التحليلية ومهارات حل المشاكل
• شهادة في علوم الكمبيوتر أو ما يعادلها من خبرة العمل المطلوبة

حول ياهو!

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

هي شركة ياهو على أساس تكافؤ الفرص. لمزيد من المعلومات، وتطبيق، يرجى زيارة http://careers.yahoo.com/jdescription.php؟frm=search_results&oid=35901&qs=jcat=8__submit=1 ، وكذلك للبحث عن من الفتحات، يرجى زيارة http://careers.yahoo . com .

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

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

YUI: افتح ساعات خميس 17 مارس

14 مارس 2011 في الساعة 11:56 من قبل سميث لوقا | في التنمية ، ساعات فتح | تعليقات فاقيإ

اياكس

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

حقا، رغم ذلك، أريد أن أسمع منك ما هي أنواع أنماط كنت تميل إلى تطبيق في العالم الحقيقي، ونوع من السكر API يمكننا أن نضيف إلى أن تجعل حياتك أسهل. لأنه سوف نفعل ذلك. أقسم.

وفيما يلي عينات من المعرض اليوم:

• بقية الموارد
• IO موضوع متعدد استجابة
• AlloyUI IO و طلب IO
• المذنب ستريم
• JSON-RPC
• IO المستفتي

ربما بعض الأجوبة هي في هناك؟ ماذا تريد يخبز في، وماذا تريد ان تبدو وكأنها؟

مرة وتفاصيل

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

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

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

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

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

YUI الافراج عن معاينة 2.9.0 متاحة الآن

14 مارس 2011 في الساعة 8:10 من قبل دونيلي جيني | في تطوير | 4 تعليقات

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

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

YUI 2.9.0 PR2 متاح على حد سواء عن طريق كندي ، فضلا عن حزمة للتحميل للاختبار. نأمل أن تتمكن من ان نتوقف لحظة لاختبار اطلاق سراح اليوم المعاينة و تقديم الملاحظات من قبل الجمعة 18 مارس على أي البق والانحدارات قد تجد.

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

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

الخدع الحدود المغلق مع صناديق منهارة

8 مارس 2011 في 03:23 بواسطة 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. هذا هو للتأكد من هذا المتصفح لا يزيد ارتفاع مربع.

! وقف المطابع تعلمت مجرد خدعة جديدة (شكرا Chungho فانغ):

سحر [لخلق شفافية الحدود في شركة آي إي] هو تحديد "الحدود على غرار" لمتقطع أو منقط

---

هذا كل شيء! هذا هو واحد فقط أكثر وسيلة لاستخدام الحدود لتحقيق صورة أقل تصميم.

لمزيد من القراءة

• دراسة لمضلعات منتظمة
• slantastic
• الميول

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

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