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

الخط الجانبي المبنى: دروس في Adobe AIR YUI +

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

وكانت أهداف مشروعنا وذكر لفترة وجيزة، إلى

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

لدينا فريق من المهندسين الأمامية هم خبراء في جافا سكريبت، CSS، HTML، PHP، ولكن لم يكن لديهم قدر كبير من الخبرة في تطوير تطبيقات سطح المكتب. وأصبح ذلك السؤال، وكيفية تحقيق أقصى قدر من الموجودة لدينا مجموعات من المهارات من أجل التنمية سطح المكتب؟ كان الجواب بالنسبة لنا للاستفادة من منصة أدوبي الجوية ، والتي "تسمح للمطورين استخدام تقنيات الويب ثبت لبناء تطبيقات الإنترنت الغنية التي تعمل خارج المتصفح على أنظمة تشغيل متعددة". منذ AIR يدعم HTML / جافا سكريبت التنمية (بالإضافة إلى فليكس وفلاش)، ويمكن أن نبني طلبنا في تقنيات الويب التقليدية، وعلى رأس YUI ، وأنها قد تعمل على أنظمة التشغيل الرئيسية الثلاث سطح المكتب.

YUI الشبكات في الهواء

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

YUI المكونات في الهواء

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

أبعد من متصفح

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

نصائح للتنمية AIR

1. تعرف البيئة الخاصة بك. AIR يستخدم محرك مفتوح المصدر بكت المتصفح تحت غطاء محرك السيارة. ويهدف التقليدية وتطوير الشبكة في جعل العمل تطبيق أو موقع عبر والعديد من برامج التصفح / أنظمة التشغيل ممكن. المتصفحات التي عادة ما تأتي لدعم وصولا الى عامل التكلفة مقابل الاستخدام. ومع ذلك، والترميز لتقديم محرك واحد يقلل من الحاجة للتحضير لواختبار ضد انحرف من التشكيلات المحتملة في السوق. أن يقال، فإنه لا يزال من المنطقي لتطوير بطريقة عبر متصفح حيثما كان ذلك ممكنا نظرا لأنه قد يأتي وقت التطبيق يحتاج لتجد طريقها مرة أخرى إلى بيئة المتصفح الأكثر تقليدية. وباستخدام إطار مثل YUI جعل تلك العملية غير مؤلم نسبيا. انها بسيطة لرؤية المتصفحات والأنظمة الأساسية المعتمدة حاليا من قبل YUI عن طريق الرسم البياني للمتصفح دعم مدرج . يجب على مطوري تكون آمنة إلى حد كبير على اتخاذ بعض الاختصارات الأساسية عند بناء AIR تطبيق (باستخدام -webkit-border-radius يجعل تدوير زوايا نسيم)، ولكن استخدامها لماما وتوثيق لهم حتى يتمكنوا من السهل على الفور في وقت لاحق.
2. أثناء تطوير تطبيق معقد في أي بيئة مجموعة قوية من أدوات التصحيح هو يجب أن يكون بين. أدوبي توفر بعض الأدوات المفيدة لتصحيح الأخطاء الهواء من خارج منطقة الجزاء. يجب على مطوري التحقيق في مشغل تصحيح AIR (ADL) ، وIntrospector HTML ، و عارض مصدر HTML . بالإضافة إلى أدوات المجمعة، Aptana استوديو مع البرنامج المساعد لبرنامج Adobe AIR ثبت أن تكون رصيدا لا غنى عنه. البرنامج المساعد Aptana يقدم المساعدة مع إنشاء مشروع AIR، المستوردة من الأطر جافا سكريبت المشتركة، وتصحيح الأخطاء، والتعبئة والتغليف / التصدير، والتوقيع الرقمي للتطبيق.
3. لا ننسى تقنيات الأداء التي تعلمناها من البيئة متصفح قياسي (أي تحسين صورك، والجمع بين زيارة maxify المغلق للتطبيق وملفات جافا سكريبت، والتطبيقات القائمة على الحدث الثقيل مثل الخط الجانبي، والاستفادة من التقنيات وفد الحدث ) . تطبيقات AIR تعمل على سطح المكتب وحتى لا يكون هناك تساهل أكثر قليلا مع أداء مما كانت عليه في بيئة المتصفح نموذجي، ولكن تذكر تماما مثل المتصفح نفسه، الحاوية الهواء يستهلك أيضا جزءا من ذاكرة النظام حتى قبل ركلات للتطبيق التعليمات البرمجية المخصصة في .

في الطريق إلى الأمام

يمكن تثبيت الإصدار بيتا من الخط الجانبي في http://sideline.yahoo.com . رمز هو المصدر المفتوح وفقا لأحكام ال رخصة BSD، واستضافتها على GitHub . نرحب المساهمات، وردود الفعل، و / أو اقتراحات. أيضا، في روح من حفظ الأشياء كما مفتوحة ممكن، ودعم التكنولوجيا الناشئة سوف نقوم المنفذ المحتمل الخط الجانبي ل التيتانيوم في المستقبل القريب. وقد تم بالفعل بعض الأعمال الأولية القيام به في الميناء وسوف تستمر على مدى الأسابيع القادمة. ومن الممكن أيضا أن الخط الجانبي للغاية في نهاية المطاف تنفيذ ORM جافا سكريبت مثل JazzRecord لتخفيف التفاعلات قاعدة البيانات عبر منصات. إذا كان أي شخص لديه نصائح إضافية لدعم منصات متعددة كنا نحب أن نسمع منهم.

انتقل الآن فصاعدا و مفترق ذلك !

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

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

التركيز على التنفيذ: DocLanding

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

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

بناء سريع الناس، الباحث عن فليكر مع الإكمال التلقائي YUI

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

أولا، وهنا خلاصة فيديو من ما كنا نحاول تحقيقه، ويصور للتفاعل جديد مع القطعة الناس الباحث عن الحق:

جلب والإعراب: XHR والبيانات المخصصة

وكان التحدي الأكبر في العثور على تنسيق البيانات التي من شأنها أن تكون سريعة لتحميل وتحليل سريع ل، و - فوق كل شيء آخر - آمنة. وجدنا في الواقع، أن هذا النهج من شأنه ان يطيح المستعرض على مجموعات بيانات أكبر - ونحن في البداية حاول XML واياكس، ولكن XML تحليل ثبت أن الكثير من اجل ابطاء. التالي حاولنا الجمع بين JSON واياكس، وكان هذا أسرع بكثير، ولكن لا يزال الأمر استغرق أكثر من 80 ثانية لتحليل مجموعة بيانات لدينا أكبر (مجموعة تحتوي على ما يقرب من 10700 الأشياء، كل مع العديد من الخصائص).

في النهاية، وجدنا 2 النقل / تحليل التقنيات التي تحولت إلى أن تكون سريعة للغاية:

1. جلب JSON (ملفوفا في وظيفة رد الاتصال) به النصي ديناميكيا؛
2. تحليل شكل بيانات مخصصة (قائمة محددة تحكم حرف) باستخدام split() ، المنال مع اياكس (باستخدام YUI إدارة الاتصال ).

في النهاية، وذهبنا مع تنسيق مخصص. تنسيق جسون لدينا بحيث يمكن تنفيذه من قبل علامة سيناريو ديناميكي كان نهجا أقل أمنا وليس للفوز الأداء. باستخدام XHR قدم لنا حلا أكثر أمنا وperformant لا يزال جدا.

تفاعل المستخدم: YUI الإكمال التلقائي

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

حتى بالنسبة لمجموعات كبيرة من الاتصالات، وجدنا هذه التقنية لتكون فعالة للغاية. هنا هو الصيغة الأساسية ما فعلناه:

  وظيفة searchContacts (استعلام) {

        فار مباريات = []،
            queryRegEx = جديد RegExp (استعلام، "أنا")، وينبغي أن / / الاستعلام يكون
                                                 / / التحقق من قبل 
                                                 / / استخدام في رجإكس.
            الاتصال؛

         ل (فار ن = 0، لين = contacts.length، ن <لين، ن + +) {

                اتصل = الاتصالات [ن]؛

                إذا كان (contact.username.search (queryRegEx) -1 ==! | |
                    ! contact.realname.search (queryRegEx) == -1 | |
                    ! contact.emailAddress.search (queryRegEx) == -1 | |
                    contact.alias.search (queryRegEx)! == -1) {
                        matches.push (اتصال)؛
                }
        }

        مباريات الاياب؛
 } 

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

مزيد من التفاصيل حول كل من هذه التقنيات، بما في ذلك تفاصيل كاملة عن صيغ مختلفة من البيانات والبيانات التنميط واسعة لكل واحد، ويمكن العثور على code.flickr بلوق.

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

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

في البرية ل25 مارس 2009

أخبار وملاحظات من المجتمع YUI في الأسابيع القليلة الماضية. إعلامنا في التعليقات ما فاتنا، وسوف تحصل عليه في المرة القادمة:

• روس Harmes على الإكمال YUI والشعب الباحث عن فليكر : فليكر للروس Harmes له مثيرة للاهتمام قطعة حتى على بلوق قانون فليكر عن القيام بسرعة فائقة بحث اقتراح في خلق ميزة فليكر الباحث عن الناس. روس يناقش بالتفصيل العملية وانه يستخدم لمعالجة قوائم الاتصال بسرعة على العميل، وحملهم إلى جافا سكريبت. من هناك، والتفت إلى جيني دونيلي في الإكمال التلقائي YUI : "[مع] مجموعة من الأسماء في جافا سكريبت، ونحن بحاجة إلى وسيلة للبحث عن طريق اختيار واحد منهم و. لهذا، كنا القطعة YUI في الإكمال التلقائي ممتازة. للحصول على البيانات في القطعة، أنشأنا مصدر البيانات الكائن التي ستقوم بتنفيذ وظيفة للحصول على نتائج. هذه وظيفة يحلق ببساطة من خلال مجموعة الاتصال لدينا ومطابقة استعلام معين ضد أربعة خصائص مختلفة من كل اتصال، وذلك باستخدام تعبير عادي (كائنات RegExp تحولت الى غاية مناسبة تماما لهذا، مع البحث في الوقت المتوسط ​​للاتصالات 10000 حالة القادمة في أقل من 38ms). بعد تم جمع هذه النتائج، أخذ القطعة الإكمال التلقائي الرعاية من كل شيء آخر، بما في ذلك التخزين المؤقت للنتائج. "
  
• W3C بيتا الموقع باستخدام YUI إعادة الضبط والخطوط : نيكول سوليفان كتب في ان يقول لنا ان YUI إعادة الضبط و الخطوط هي جزء من إعادة تصميم موقع W3C الجديدة، والتي يمكنك معاينة هنا. يستخدم الموقع أيضا نيكول OOCS العمل.
  
• كيلوغ البرازيل الموقع بنيت مع اتصال YUI، الرسوم المتحركة، وأكثر : موقع على شبكة الإنترنت كيلوج البرازيل وتنفذ مجموعة متنوعة من المكونات YUI. لاحظنا إدارة الاتصال ، الرسوم المتحركة ، احصل ، وأكثر من ذلك، كل نازلة من خلال السرد URL ذات مقبض واحد من yahooapis.com. لطيفة. ( المصدر الأصلي. )
  
• Greenbookings.com، موقع سفر المستدامة - YUI رؤية كتب ايفو Schaap في لتخبرنا عن: Greenbookings.com ، وهو موقع السفر الذي تم إطلاقه مؤخرا أن يركز على العالم الناشئ من السفر المستدامة. عند حجز من خلال Greenbookings، فإنها caclulate وتسمح لك لمعادلة انبعاثات الكربون الناتجة عن الرحلات الخاصة بك. يكتب ايفو: "لقد تم العمل مع الإطار YUI لفترة طويلة وصدر أمس موقعي الجديد greenbookings.com لديها ما يقرب من كل وحدة من الإطار في الاستخدام: التقويم، علامات، datatable ، التاريخ + التقويم الزمني ، وشبكات، الإكمال التلقائي، وغيرها الكثير. كما تم بذل الكثير من الجهد تنفق على تحميل الصفحة سريعة جدا عن طريق إزالة جميع جافا سكريبت من الرأس إلى أسفل الصفحة. "نحن نحب هذا الموقع واستخدام مساهمة جون Peloquin في YUI، والتقويم الزمني لاختيار تاريخ .
  
• لعبة الكلمات المتقاطعة لانهائي الموقع - YUI رؤية وكتب ماركو Egli في لتخبرنا عن إصدار جديد من الكلمات المتقاطعة اللانهائي، وهو موقع اللعبة باستخدام مجموعة واسعة من المرافق YUI والحاجيات:. "يوم الجمعة الماضي نسخة جديدة من الكلمات المتقاطعة اللانهائي صدر. إنها النسخة الأولى التي تتوفر باللغة الإنكليزية. هذا هو اللغز الذي يعمل تماما لانهائية في المتصفح. وقد استخدمت العديد من مختلف مكونات YUI في التنمية، بما في ذلك الرسوم المتحركة، زر، وإدارة الاتصال، Datatable، جسون، القائمة وأكثر من ذلك. لعبة تهدف الى تطوير أكبر لغز الكلمات المتقاطعة في العالم. ويمكن للمستخدمين اللعب وإضافة بعض الأسئلة الخاصة بها. انها مزيج من الكلمات المتقاطعة والخربشة ". تحقق من لعبة هنا ، يجب التأكد من تسجيل الدخول وبعد ذلك استخدام القوائم في أسفل الشاشة لإضافة الأسئلة الخاصة بك.
• "معهد اليونسكو للإحصاء ياهو على شبكة الانترنت الغنيه لمطوري جافا" DevX، : DevX لديه مادة جديدة تصل لمطوري جافا مهتمة YUI . يكتب نارايانان AR: " هذا هو المقال الأول في سلسلة من ثلاثة أجزاء والذي يستهدف في المقام الأول مطوري جافا الذين ليسوا خبراء جافا سكريبت، ولكن يتم تطوير تطبيقات الويب من جانب الخادم مع الأطر (مثل صفحات خادم جافا، الدعامات، أو الربيع). في هذه الدفعة، وسوف نرى كيف المبتدئين جافا سكريبت لاستخدام YUI لإعداد وتصميم، ويجب ان تتعلم على صفقة جيدة عن البرمجة جافا سكريبت وجوه المنحى. لمطوري بالفعل خبير في جافا سكريبت، هذه السلسلة المقالة بمثابة مقدمة لمكتبة YUI ".
• فيديو: "YUI عن السيطرة على النزوات" مع Heilmann المسيحي : إن الفريق لديه Ajaxian YUI المسيحي Heilmann لنتحدث حتى على الفيديو؛ التحقق من ذلك هنا أو في لاعب جزءا لا يتجزأ أدناه.
  
• YUI الإكمال والتقويم على الموقع الخطوط الجوية التركية : كتب Cagatay Civici في لتخبرنا عن استخدام موقع شركة الخطوط الجوية التركية من الإكمال التلقائي YUI و التقويم في أداة الحجز لها. وقد استخدمت العديد من مواقع السفر هذا المزيج على مر السنين؛ Southwest.com كان واحدا من أول من يتبنون هذا التقويم YUI وتستمر في استخدام واحدة من الإصدارات الأصلية من التقويم على موقعها الحجز الحالي. موقع ياهو السفر الخاصة بها هو مثال جيد آخر من كيف يمكن أن تستخدم هذه الحاجيات معا - تم تنفيذه بواسطة YUI ImageLoader مؤلف مات Mlinac. ( المصدر الأصلي. )
• Caridy باتينو Mayea: "YUI3: السيطرة على مفتاح السكتات الأحداث (keyup، KeyDown و KeyPress)" : Caridy (صاحب الشعبية محتدما مكتبة ملحقات إلى YUI) لديها بلوق وظيفة جديدة حتى على التعامل مع الأحداث الرئيسية في YUI 3 . ( المصدر الأصلي. )
• نماذج بالأحجام الطبيعية لمكونات Balsamiq YUI : إن نماذج بالأحجام الطبيعية على الذهاب بلوق لديها العديد من مكونات YUI سخر حتى باستخدام واجهة Balsamiq، بما في ذلك القوائم والأزرار ، التقاويم ، و دوارات . ( المصدر الأصلي. )
  
• أكثر من سنايدر مات في YUI-EXT-MVC : مات تم مواصلة العمل في مشروع YUI-EXT-MVC له . وفقا لمات "، لصالح الطبقات باستخدام وحدة تحكم" أجاكس النظام أنه يبسط YUI إدارة الاتصال ومطور يمكن أن الإسراع بالتسجيل الاسترجاعات، وضمان نوع من رد الفعل المتوقع. كان متوفرا في http://code.google.com/p/yui-ext-mvc/source/browse/trunk/assets/js/mvc/lib/controller.js . في المستقبل سوف أكون مضيفا قيادة منطق نمط لجلب JSON وHTML البيانات من الخادم. "
  
• بول Tarjan لجيو مع مستكشف YQL وYUI : SearchMonkey مهندس بول Tarjan لديه عرض تجريبي للاهتمام حتى باستخدام YUI TabView وخرائط ياهو API اياكس لعرض نتائج البحث في الجغرافية YQL . واجهة تسمح لك لإدخال اسم المكان ثم ابحث عن ذلك الموقع، والأشقاء في ذلك الموقع، أسلاف هذا الموقع، وغيرها للحصول على السياق الأوسع، ولماذا هذا مثير للاهتمام، نرى آخر PHP مخترع راسموس Lerdorff في بلوق عن هذا الموضوع . ( المصدر الأصلي. )
• ميج Smitley - "حيوي تحميل YUI التبعيات" : ميج يكتب (في Meglog) : "لقد تم استخدام شبكات YUI و LayoutManager عن العمود الفقري للواجهة التطبيق بلدي منذ نهاية العام الماضي. لقد كان منحنى التعلم حاد وأنا أعتبر نفسي لا يزال مبتدئ جدا، وبالفعل، لاحظت هذا الأسبوع فقط، علامة التبويب "تحميل الديناميكي 'على تحديد مواصفات YUI . وليس بما في ذلك ثابت المطلوبة YUI CSS جافا سكريبت والموارد، فإنه من الممكن استخدام YUILoader لاستيراد حيوي لهم على الحمل. بينما أنا أقدر ذلك لن YUI-الخبراء أن أعجب عيد الغطاس، YUILoader بلدي، وقد ساعد هذا النهج لي لتقليص حجمها ملفات JS التطبيق بلدي، بينما تتناقص اهتمامات الصيانة وغير ذلك أشعر الجدير بالذكر لصالح ودي أخرى ". المغادرة لها مادة لمزيد من التفاصيل .
• باستخدام كاروسيل مع عيني : روجر سميث لديه البرنامج التعليمي حتى على بلوق مطور عيني أن يأتي "التخصيص ListView سريعة وبسيطة والتي تعزز من القطعة كاروسيل من واجهة المستخدم ياهو (YUI) مكتبة . هذا التخصيص تغير تماما في الشكل والمظهر من ListView الاتصال من 'الصفوف والأعمدة "وجهة نظر من نتائج البحث إلى وجهة نظر خاصة كاروسيل واجهة المستخدم. يتم تضمين مكتبة YUI في عيني، ويقدم من نصف طن من ميزات واجهة المستخدم وراء ما نستخدمها في التطبيق الأساسية. "
  

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

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

Georgiann بوكيت: YUI / ASTRA إدارة البرامج (AdaLovelaceDay09)

[ملاحظة: هذه الوظيفة هي جزء من مشاركة الفريق YUI في أدا لافليس اليوم ، احتفالا التكنولوجيا الإناث في جميع أنحاء العالم.]

Georgiann بوكيت (المعروف باسم "جورج") بمثابة مدير برنامج YUI والمشاريع التابعة لها (بما في ذلك مكتبة أسترا). إدارة برنامج من برامج تقنية معقدة تتألف من عدة مشاريع هي واحدة من الوظائف الأكثر تطلبا في شركة برمجيات، ومثاليا جورج إلى مستوى التحدي. انها يرتفع الى طاولة المفاوضات للمخابرات سريع، والصبر والانضباط في إدارة تيارات كبيرة من البيانات، وفهم عميق الجذور من العمليات التي يتم من خلالها استمرار البرامج الناجحة. خلفيتها يخدم هنا أيضا - كما C / C + + المخضرم الهندسة، قالت انها يمكن ان يتعاطفوا مباشرة مع الخبرات من المهندسين الذين تعمل.

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

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

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

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

ماذا كانت تجربتك الأولى مع أجهزة الكمبيوتر؟

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

هل لديك أي دور تقني أنثى النماذج التي أثرت عليك؟

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

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

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

جيني هان دونيلي: YUI المهندس (AdaLovelaceDay09)

[ Note: This post is part of the YUI team's participation in Ada Lovelace Day , a celebration of female technologists around the world.]

Jenny Han Donnelly is the author of three YUI components:

1. The DataTable Control : YUI's DataTable is one of our signature UI widgets, providing a powerful menu of interactive options for tabular data.
2. The AutoComplete Control : AutoComplete provides typeahead, suggest, filtration and combo-box functionality to any text input area.
3. The DataSource Utility : Shared by DataTable, AutoComplete and the Charts Control , DataSource serves as a conduit between widgets and potential sources of data — including server-side data, JavaScript arrays, and DOM structures like HTML tables.

Jenny's work inspires us in part because of the technical challenges she takes on — try getting fixed headers with xy scrolling to work in IE6 using a semantically sound base table sometime, if you have any doubts. Jenny has taken on some of the most complex HCI challenges anywhere in YUI and engineered them to suit virtually any environment. DataSource enables other YUI components to work with anything from flat files to JSON and XML to JavaScript arrays and DOM structures. We've heard from thousands of people on the YUI forums using all of these features and more in ecclectic and novel ways.

We're also inspired by the organizational leadership Jenny has shown in her time at Yahoo. Currently, she's the lead editor of YUIBlog, bringing technical voices from throughout Yahoo to these pages to share their insights. She has also organized our annual frontend engineering summit at Yahoo, bringing hundreds of Yahoo engineers from around the world together in a rich weeklong technical conference. She's taught weeklong YUI courses to engineers in the USA, Korea and Japan, and she's been an integral member of the hack day group at Yahoo that's such an important part of our engineering culture.

Whether she's coding, writing, teaching or leading — all of which are aspects of the modern technologist's job description — Jenny sets a high bar with her intelligence, dedication, imagination and wit. Ada would be proud.

[ photo of Jenny used by kind permission of Stephen Woods ]

Find conversations: bloglines | technorati

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

Survey: When is an Accordion not an Accordion?

I'm looking for feedback from people who have designed or built an interface using an “accordion” module (or are considering doing so). You see, I've been working on a design pattern for accordion modules, and I'd like to throw out a handful of open questions to the community via this brief survey . I'll be listening elsewhere as well, on twitter ( @mediajunkie ) and on mailing lists where web designers and developers hang out.

(I realize this is not a scientific survey. I'm just interested in engaging the wider community in a discussion instead of trying to impose my view or Yahoo!'s view on the community as authoritative.)

Everywhere I go lately, it seems that interaction designers and web developers are talking about accordion widgets and debating about what makes an accordion an accordion. Not everyone working in this field has heard the term (some may simply refer to “stacked panels” or “collapsible panels”) but most get the gist fairly easily. Ironically, none of the UI elements described as accordions share the actual behavior of a real-world accordion (the musical instrument): namely, that stretching an accordion opens all the folds evenly.

Accordions have been an on-and-off topic of discussion on the main IxDA mailing list ; we discussed them in our Pattern Library workshop in Vancouver earlier this month, and there's been an ongoing discussion about accordions on our internal designer mailing list here at Yahoo!.

So I sat down with some folks from the YUI team (and Marco, the maker of an experimental YUI accordion widget ) a little while ago to sort through a draft of an accordion pattern that might help inform the development of an official YUI component.

Broadly speaking, most people agree on what we're talking about when we talk about an accordion interface element. Everyone agrees that accordions are used to compress content into a limited space and that they consist of panels that can collapse or expand. Beyond this, there are a number of subtle nuances that not everyone agrees on.

One trend I've noticed is that front-end developers tend be agnostic about how the accordion should work, viewing it as really just a variant on a tree widget. Designers tend to be more prescriptive, saying that to be an accordion it must behave in thus and such a way (but not all designers agree on what these rules are).

In the end, the YUI folks will produce code that can be made to do just about anything. We aren't going to try to impose our own taste or preferences in design through the functionality of the code itself. However, we will use the associated pattern to make suggestions and recommendations drawn from the experience of the entire design community, and we will probably lobby for default behaviors that match what most people expect.

So, if you've got a few minutes and an opinion, please visit the survey and let me know what you think!

I'll close the survey on April 30.

Find conversations: bloglines | technorati

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