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

حصلت على ما كنت مهتما في بناء واجهة ويب لايتون؟ أم أن هذا سؤال البكم؟

(لا ، ليست مسألة غبية :)) لقد حصلت على مجموعة كبيرة أغنية بلدي في اي تيونز. وبدا والتطبيق لتوفير الوصول إلى شبكة الإنترنت مع نفسي وكأنها شيء من الجميل أن يكون ، وانه سيعطي الفرصة لي للعب مع تقنيات الويب وسطح المكتب في نفس التطبيق.

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

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

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

قائمة الأغاني هو DataTable accompained بواسطة Paginator ، تتغذى من خلال اتصال XHR. تخصيص جدول ترقيم الصفحات ، ويتطلع كان من السهل حقا من تجاوز بعض القواعد CSS فقط من الجلد سام ، الذي هو جيد للغاية وعلق. والمنسق مخصصة لتقييم العمود هو رمز جافا سكريبت 3 - بطانة. الجدول (وقسم التشغيل إلى اليسار) الاستفادة من عنصر القائمة لإظهار قائمة السياق لتنفيذ عمليات على أغنية أو قائمة التشغيل.

أنا باستخدام شريط التمرير لضبط العناصر العازلة اللاعب. كنت معها النقطة التي تقدم في النقطة التي تريد تحميل الأغنية لبدء اللعب.

هناك رسائل منبثقة القليلة ومربعات الحوار في التطبيق ، التي يتم تقديمها باستخدام حاوية المكون.

يتم جلب معظم المكونات YUI كنت (هناك 12) من yui.yahooapis.com في طلب واحد من خلال مريحة جدا محمل YUI . وبطبيعة الحال ، أنا باستخدام ضاغط YUI 15K لضغط لملف جافا سكريبت احدة أن تحمل كل التطبيق في المنطق.

كنت تستخدم DAV زجاج التأثيرات حزمة بالإضافة إلى YUI. ما وظيفة أنت من جمع DAV الرسم على وجه التحديد؟

قادمة من النموذج + Scriptaculous العالم ، وكنت مرتاح جدا لتجد أن أحدهم قد استدار بالفعل YUI جميع الآثار العظيمة من Scriptaculous. [وبسبب DAV هو عضو في] فريق YUI ، ويمكنني أن تطمئن حول جودتها. أنا باستخدام BlindDown BlindUp والآثار لإظهار وإخفاء تغطية الفن الأغاني.

واحد من العناصر الرئيسية لتطبيقك هو DataTable التي يمكنك استخدامها لعرض songlists. ما تتمتعون به من خبرة مثل بناء DataTable XHR التي تغذيها مع البيانات JSON؟ ما هي الدروس التي تعلمتها التي يتم تقاسم قيمته مع مطورين آخرين؟

وكان الجزء التغذية XHR جميلة واضحة. على الرغم من أن تذكرت بعض الذين يحاولون العودة HTML في الاستجابة JSON التي لم تنجح ، ولكن يبدو أن الخلل في المتصفح.

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

كما كان لي بعض المتاعب في البداية عند محاولة استرداد السجلات المحددة في الجدول ، ولكن بعد ذلك أدركت وجود مجموعة كاملة من أساليب المساعد لمجرد أنه ، مثل getTrEl() و getRecord() التي لم يرد ذكرها في مستندات عامة . لذا نصيحتي الواضح هو أن لديك قراءة API كامل لأي مكون عليك أن تكون ثقيلة على القيام بعمل.

pulpTunes هو مشروع سورس . هل تبحث لبناء مجتمع من المطورين للعمل في هذا المشروع مع لك؟

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

ما هي الخطوة التالية لpulpTunes؟

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