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

جون Peloquin المتعدد طبقة التقويم

3 أبريل 2009 في الساعة 02:41 من قبل Miraglia اريك | في التصميم ، التنمية | 6 تعليقات

YUI المساهم (والمؤلف من التقويم سبيل المثال التحديد الفاصل أصدرت) جون ووكر لPeloquin هاردي التفاعلية خيار آخر ممتاز لل تقويم منفذي : مسار الملاحة لاختيار الطبقات السنوات والأشهر . نهج الطبقات يوفر بديلا للالمدمج في واجهة الملاح الذي يأتي مع التقويم.

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

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!

مسح : عندما الأكورديون هو ليس الأكورديون؟

23 مارس 2009 في الساعة 09:20 من قبل Crumlish المسيحي | في التصميم ، التنمية | 6 تعليقات

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

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

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

وقد الأكورديونات موضوعا على وحالا من النقاش على القائمة الرئيسية البريدية IxDA ؛ ناقشنا لهم في منطقتنا نمط المكتبة ورشة عمل في فانكوفر في وقت سابق من هذا الشهر ، وكان هناك نقاش دائر حول الأكورديونات على وضعنا الداخلي مصمم القائمة البريدية هنا في ياهو !

سبت لذا أسفل مع بعض الناس من فريق YUI (وماركو صانع تجريبي مصغر الأكورديون YUI ) قبل قليل لفرز من خلال مشروع لنمط الأكورديون التي قد تساعد في تطوير إعلام عنصرا YUI الرسمية.

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

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

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

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

أنا قريبة المسح يوم 30 ابريل.

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!

YUI يضيء ثلاثة!

18 فبراير 2009 في الساعة 07:38 من قبل دونيلي جيني | في التصميم ، التنمية | 6 تعليقات

تحولت مكتبة YUI من العمر ثلاث سنوات هذا الشهر ، ونود أن أدعوكم -- مجتمعنا من المطورين والمنفذين -- على الخروج والاحتفال! للاحتفال بعيد ميلادنا الثالث (ونحن الافراج 2.7.0) ، سنكون استضافة ساعة أنيقة الركود سعيد في مقهى في وسط مدينة الزرقاء الطباشير بالو ألتو ، الخميس 26 فبراير 6:00 حتي 08:00. يتوهم جدا ، ولكن سيتعين علينا متعة الأشياء الجيدة لإعطاء بعيدا والجولات القليلة الأولى من المشروبات مسلطة علينا (حتى نفدت التبويب) لا شيء. والتفاصيل هي في الاشتراك القادمة . نأمل أن نراكم هناك!

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!

الاصدار 2.7.0 YUI

18 فبراير 2009 في الساعة 03:52 من قبل بوكيت جورج | في التصميم ، التنمية | 21 تعليقات

يسر فريق تطوير YUI لاطلاق سراح الإصدار 2.7.0 من مكتبة YUI . يمكنك تحميل YUI 2.7.0 من YUILibrary.com أو تكوين تنفيذ الخاص باستخدام YUI Configurator لتهيئة .

الإصدار 2.7.0 يدخل عنصرا الأنماط الجديدة ، والخريجين من أصل ثلاثة عناصر "بيتا" ، ويحسن الدعم لاطلاق سراح القادمة من IE8 ، تضم أكثر من 180 إصلاحات الشوائب والتحسينات ، ويأتي مع أكثر من 300 أمثلة وظيفية .

إدخال الأنماط

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

تحديثات لمكونات القائمة

تحسينات المخططات

و رسوم بيانية التحكم فوائد عدة من الإضافات الجديدة في الإصدار 2.7.0 الجسور التي دوايت "تريب". ويمكن الآن أن تحدد الرسوم البيانية مع تسميات محور استدارة والألقاب. لقد تمت إضافة سلسلة جديدة الأنماط التي تتيح المزيد من التحكم في إعدادات الألوان وخطوط ألفا ، والحدود ، وتملأ لسلسلة علامات. A zeroGridline تمت إضافة أسلوب لتكون قادرة على لفت الانتباه إلى خطوط الشبكة رسما بيانيا لصفر عندما يبدو أبعد من الأصل. وقد تم تناول العديد من الأخطاء في فئة TimeAxis ، مما أسفر عن أدق majorUnit و minorUnit الحسابات.

الإضافات إلى مجموعة دوم

وقد مات سويني الثابت في العمل في الإصدار 3.x على حد سواء وخطوط رمز الإصدار 2.x من YUI. وتعزيزا ل2.7.0 ، العمل الذي أنجز في الإصدار 3.x على getXY() و setXY() وقد تم دمجها في مجموعة دوم لهذا الإصدار. خصائص height و width متوفرة الآن في المنطقة ، و get() الأسلوب يدعم الآن مثيلات عنصر ، ولقد تمت إضافة العديد من الأساليب الجديدة لهذا الإصدار ، بما في ذلك getComputedStyle() ، getElementBy() ، setAttribute() ، و getAttribute() .

حاوية التغييرات

و الأسرة من مكونات حاوية تلقى تحديثات زوجين ملحوظ من Satyen YUI في ديساي الخاصة. الحوار الآن يدعم ارسال بيانات آخر مع أية بيانات من النموذج الملغومة ل "المتزامن" طلبات آخر. كما يوفر كائن اتصال كما الوسيطة الأولى للمشتركين في هذا الحدث "asyncSubmit". وقد تم تعزيز وتراكب "fixedcenter" دعم لديهم القدرة على تعطيل اختياريا تركز على التمرير عندما يكون حجم النافذة ليست كبيرة بما يكفي لاحتواء كاملا تراكب. ملف README الحاويات الواردة في الإصدار يحتوي على تفاصيل كاملة عن هذه البنود ، وقائمة كاملة من التغييرات ل2.7.0.

تحديث تحكم TreeView

وقد ساهم المجتمع غزير YUI الأعضاء وساتيام مطور لائحة طويلة من التحسينات وإصلاح الأخطاء إلى YUI ل تحكم TreeView لهذا الإصدار. تمت إضافة تسليط الضوء على عقدة والاختيار ، بما في ذلك دعم اختيار واحدة ومتعددة العقدة ، فضلا عن نشر صعودا وهبوطا. كانت هناك تحسينات كبيرة على التركيز والتعامل مع الحدث. إعراب في buildTreeFromMarkup() قد تم تحديثه ليصبح سمة HTML يسمى "yuiConfig" الذي يمكن تجاوز أي ممتلكات من قراءة العلامات. تجميعه an الحرفي الكائن التي يتم تمريرها بعد ذلك إلى buildTreeFromObject() . وقد أضيفت أسماء عدة لفئة تحكم TreeView من أجل جعلها أكثر سهولة لتحديد العناصر في HTML المولد. هذه ليست سوى عينة صغيرة من التغييرات على هذا العنصر ل2.7.0. الرجوع إلى ملف README تحكم TreeView على الملخص الكامل للتغييرات في هذا الإصدار.

دعم برنامج Internet Explorer 8

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

الترقية من حالة بيتا

وقد تم الترويج من المكونات التالية للخروج من حالة "بيتا" في الإصدار 2.7.0 YUI :

• العنصر
• ProfilerViewer
• محدد

أكثر من 180 تحسينات وإصلاحات الشوائب

وشملت المعلومات الواردة أعلاه توضح سوى عدد قليل من التحديثات في 2.7.0. الرجوع إلى هضم README أو ملفات README الفردية للحصول على تفاصيل كاملة عن التغييرات في هذا الإصدار. YUI 2.7.0 عناوين التقارير أيضا أكثر من 180 عيب وطلبات تحسين التي تم تقديمها من قبل مجتمع التنمية. و سجل التغيير الشامل وقدمت للرجوع اليها.

شكرا!

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

لجميع ملاحظاتك والدعم ، وأتقدم بالشكر لكم كبير على الجميع في المجتمع YUI بالنيابة عن فريق تطوير كامل : آدم مور ، الزجاج DAV ، Miraglia اريك ، جيني دونيلي هان ، لوقا سميث ، مات سويني ، نيت Koechley ، Satyen ديساي ، شا توماس ، وتود Kloots ؛ والمساهمين : ألين رابينوفيتش ، باتينيو Caridy ، دوايت "تريب" ينابيع ، Venkatesan جوبال ، Lecomte جوليان ، Mlinac مات ، نيكولاس Zakas C. ، تيليس فيليب ، وساتيام.

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!

الصورة الأمثل ، الجزء 4 : JPEG التقدمي الساخن... أم لا؟

5 ديسمبر 2008 في 08:23 بواسطة ستيفانوف ستويان | في التصميم ، التنمية | 10 التعليقات

هذا هو جزء 4 في سلسلة مستمرة. يمكنك قراءة أجزاء أخرى هنا :

• تحسين صورة الجزء 1 : أهمية الصور
• الصورة الأمثل الجزء 2 : تحديد تنسيق الملف الصحيح
• الصورة الأمثل الجزء 3 : أربع خطوات للحد من حجم الملف

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

الأساس مقابل صور JPEG التقدمي

الأساس هي "العادي" صور JPEG ، ونوع JPEG أن جميع برامج الكتابة صورة افتراضيا. المتصفحات تحميلها من الأعلى الى الأسفل على أنها أكثر من المعلومات ينزل صورة السلك.

تحميل JPEG الأساس ، انقر للتكبير

ملفات JPEG التقدمي هي نوع آخر من ملفات JPEG ، يصبحن ، كما يوحي اسمها ، وتدريجيا. أول تشاهد نسخة من انخفاض جودة الصورة كاملة. ثم ، وأكثر من صورة وصول المعلومات عبر الشبكة ، ونوعية يحسن تدريجيا.

تحميل JPEG التقدمي ، انقر للتكبير

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

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

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

التجربة

واحدة من واجهات برمجة التطبيقات مجانا العديد من ياهو أن يوفر هو API البحث عن الصور . استخدمه للعثور على الصور التي تتطابق مع عدد من الاستفسارات ، مثل "القطط" ، "كلاب" ، "القرود" ، "طفل" ، "زهرة" ، "غروب الشمس".. 12 الاستعلامات في الكلية. مرة واحدة في وجود روابط الصور ، أنا تحميل كل الصور وتنظيف والاستجابات خطأ 4xx 5xx وغير ملفات JPEG (تبين PNGs أحيانا استضافة مواقع أو حتى أفضل الممارسات الإدارية وإعادة تسميته. JPG). بعد تنظيف هناك 10360 للعمل مع الصور والصور من جميع أبعاد مختلفة ، والجودة ، وأفضل للجميع ، وصور الحياة الحقيقية من المواقع على شبكة الانترنت مباشرة.

وجود مصدر الصور ، ركضت من خلال jpegtran مرتين مع الأوامر التالية :

> jpegtran -copy none -optimize source.jpg result.jpg

و

> jpegtran -copy none -progressive source.jpg result.jpg

أول واحد يحسن الجداول هوفمان في ملفات JPEG الأساس (التفاصيل التي نوقشت في المادة السابقة). الأمر الثاني تحويل ملفات JPEG المصدر إلى تلك التقدمية.

دعونا نرى ما هي النتيجة أحجام الملفات تتحول إلى أن تكون.

النتائج

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

دوغلاس ادامز -- "فترة طويلة ، وشكرا لجميع من السمك"

كان متوسط ​​JPEG عاد في هذه التجربة 52.07 كيلو بايت ، والتي ربما لا يكون مفيدا للغاية للإحصاء. الشيء المهم هو ان توفير وسيطة عند استخدام jpegtran لتحسين صورة losslessly كملف JPEG الأساس هو 9.04 ٪ من الأصلي (صورة الوسيط يصبح 47.36 كيلو بايت) ، وعند استخدام JPEG التقدمي ، هو 11.45 ٪ (46.11 كيلو بايت وسيطة).

بحيث يبدو مثل ملفات JPEG التقدمي هي أصغر في المتوسط. ولكن هذا فقط في المتوسط ​​، انها ليست قاعدة جامدة. في الواقع ، في أكثر من 15 ٪ من الحالات (1611 من أصل 10360 الصور) كانت تقدمية إصدارات JPEG أكبر. لأنه من الصعب التكهن بموعد صورة ستكون أصغر كما التدريجي من خلال النظر فقط في ذلك (أو للتجهيز الآلي دون النظر حتى في ذلك) ، فإن فكرة عن كيف يمكن لصورة سوف تؤدي على أساس أبعادها أو حجم الملف يكون من المفيد حقا.

أبحث عن علاقة ، تآمر أنا كل النتائج على رسم بياني حيث :

• Y هو الفرق في "خط الأساس ناقص التقدمية" المدخرات ، وحتى الأرقام السلبية يعني الحالات الأساس هو أصغر
• X هو حجم ملف الصورة الأصلية

الرسم البياني يبين كيف أن النتائج هي في كل مكان ، ولكن يبدو أن هناك اتجاها -- صورة أكبر ، كلما كان ذلك أفضل لحفظه كملف JPEG التقدمي.

"التكبير" في مجال أحجام ملف أصغر لنرى أين تحصل على صور JPEG التقدمي أقل فعالية ، دعونا ننظر فقط إلى الصور التي يتم 30K وتحت. ثم استخدام ميزة خط الاتجاه من Excel ، يمكننا أن نرى أين هو رسم الخط الفاصل (للماوس فوق خط الاتجاه أكثر وضوحا أو التركيز أو الضغط على الصورة).

ملخص

رسائل لأخذها إلى المنزل بعد النظر في الرسوم البيانية أعلاه :

• عندما الخاص بك صورة JPEG تحت 10K ، فإنه من الأفضل أن يتم حفظها بتنسيق JPEG الأساسية (75 ٪ فرصة يقدر أنها ستكون أصغر)
• لملفات أكثر من 10K سوف JPEG التقدمي اعطيكم افضل الضغط (في 94 ٪ من الحالات)

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

الخيار الآخر هو أن كل الصور أصغر من 10K والأساس والبقية في شكل تدريجي. أو ببساطة استخدام خط الأساس لالابهام ، تدريجيا على كل شيء آخر.

IE والتقدمية صور JPEG

"أوه ، لا IE مرة أخرى!" هو على الارجح ما كنت أفكر ، لكنها ليست سيئة للغاية بالفعل. انها مجرد أن IE لا تجعل صور JPEG progresive تدريجيا. فإنه يعرض الصور على ما يرام ، ولكن فقط عند وصولها تماما. حتى في آي إي ، وصور JPEG خط عرض أكثر تدريجيا (من أعلى إلى أسفل لا يزال التقدم) من صور JPEG التقدمي.

كلمة على ImageMagick

ImageMagick هي عبارة عن مجموعة رائعة من الأدوات صورة سطر الأوامر ، والذي يمكنك أيضا استخدام لتحسين الملفات. خلافا لمعظم البرامج صورة أخرى ، عن طريق ImageMagick الافتراضي يكتب ملفات JPEG الأساس الأمثل (كما لو استخدام الأمثل التبديل في jpegtran).

يمكن ImageMagick الشريط أيضا بيانات الفوقية والكتابة ملفات JPEG التقدمي ، لذا كررت التجربة المذكورة أعلاه ولكن بدلا من استخدام ImageMagick jpegtran. وكانت الأوامر المستخدمة :

 > تحويل الشريط - source.jpg result.jpg / / خط JPG
 > تحويل - الشريط حابك الطائرة source.jpg result.jpg / / JPEG المتقدم

ملاحظات من التجربة ImageMagick :

• الأساس مقابل الاتجاه التدريجي هو نفسه : صور 10K أو أكبر هي الأمثل أفضل عند استخدام الترميز التدريجي
• ضغط عموما هو الأفضل : الوسيط الأمثل هو 10.85 ٪ لصور JPEG الأساس (jpegtran حفظ 9.04 ٪) و 13.25 ٪ لصور JPEG التقدمي (11.45 ٪ مع jpegtran)
• هناك بعض فقدان الجودة. ImageMagick لا يتم تنفيذ عمليات ضياع كامل. تفتيش عشوائية الصور بصريا لم أستطع أن أقول أي اختلاف ولكن باستخدام صورة an فرق الأداة يظهر أن تم تعديل المعلومات بكسل في الصور.

وآخر مجموعة من الإحصاءات المستقاة من تجربة له علاقة مع سرعة كتابة ملفات JPEG. هنا كيف jpegtran وImageMagick يؤديها في حين تعظيم 10K + الصور على جهاز الكمبيوتر المحمول (ويندوز إكس بي ، وذكر 2GHz وحدة المعالجة المركزية المزدوجة ، RAM 500MB). من الأسرع إلى الأبطأ :

1. الأساس jpegtran (11 صورة في الثانية الواحدة) ،
2. jpegtran التقدمية (9 صور / ثانية) ،
3. ImageMagick خط الأساس (7 الصور / ثانية) ،
4. ImageMagick التقدمية (5.5 صور / ثانية)

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!

الصورة الأمثل الجزء 2 : تحديد تنسيق الملف الصحيح

4 نوفمبر 2008 في 09:16 بواسطة ستيفانوف ستويان | في التصميم ، التطوير ، الأداء | 23 تعليقات

هذا هو الجزء 2 في سلسلة مستمرة. يمكنك قراءة أجزاء أخرى هنا :

• تحسين صورة الجزء 1 : أهمية الصور
• الصورة الأمثل الجزء 3 : أربع خطوات للحد من حجم الملف
• تحسين صورة الجزء 4 : JPEG التقدمي الساخن... أم لا؟

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

GIF

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

GIF هي صيغة غير الضياع ، مما يعني أنه عند تعديل الصورة وحفظه ، لا تفقد الجودة.

GIF المتحركة أيضا دعم ، والتي ، في العصور المظلمة الويب 1.0 ، أسفرت عن عدد كبير من الوميض "الجديدة" الصور والدورية @ علامات والطيور... اسقاط بريد إلكتروني ، وغيرها من مضايقات. في عصر ويب 2.0 أكثر حضارية ، ونحن لا يزال لديها "تحميل..." الرسوم المتحركة بينما ننتظر نتائج طلب اياكس القادمة لتحديث الصفحة ، ولكن هناك أيضا أشياء جيدة مثل البريق اللامع القديم أن الناس ترغب في وضع نبذ عنهم شبكة اجتماعية. ومع ذلك ، ودعم الحركة هنا إذا كنت في حاجة إليها.

GIF كما يدعم الشفافية ، التي هي نوع من نوع منطقي من الشفافية. بكسل في صورة GIF هي إما شفافة تماما أو أنه غير شفاف تماما.

JPEG

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

JPEG لا تدعم الشفافية.

PNG

PNGs هو تنسيق غير الضياع التي تأتي في عدة أنواع ، ولكن لأغراض عملية ، يمكن أن نفكر به PNGs باعتبارها من نوعين :

1. PNG8 و
2. TrueColor من PNGs.

PNG8 هو شكل صورة لوحة ، تماما مثل GIF ، و 8 لتقف على 8 بت ، أو 2 ⁸ ، أو 256 ، وعدد من الإدخالات لوح الألوان. وتستخدم مصطلحات "PNG8" ، "لوح PNG" و "PNG مفهرسة" بالتبادل.

كيف تقارن PNG8 إلى GIF؟

• الايجابيات :
  • انها عادة غلات حجم ملف أصغر
  • انها تؤيد ألفا (متغير) الشفافية
• سلبيات :
  • لا يوجد دعم للرسوم المتحركة

يمكن للنوع الثاني من PNGs ، PNGs TrueColor من فقد الملايين من الألوان ، مثل JPEG. يمكنك أيضا تأتي أحيانا عبر أسماء PNG24 أو PNG32.

وكيف تقارن TrueColor من PNG إلى JPEG؟ على الجانب الايجابيات ، فمن غير الضياع وتدعم الشفافية ألفا ، ولكن على الجانب سلبيات ، كان حجم الملف أكبر. وهذا يجعل TrueColor من بابوا نيو غينيا شكل مثالي كمادة وسيطة بين العديد من JPEG الطفيفة ، وكذلك في الحالات التي يكون فيها كل المسائل بكسل وحجم الملف لا يهم كثيرا ، مثل أخذ screeenshots عن دليل المساعدة أو بعض المواد المطبوعة.

Internet Explorer والشفافية PNG

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

مع PNG8 ، كلما كان لديك شبه شفافة بكسل أنها تبدو وكأنها شفافة تماما في IE (الإصدار 6 و السفلي). هذا ليس مثاليا لكنه ما زال مفيدا وهو السلوك نفسه الذي تحصل عليه من GIF. ذلك باستخدام PNG8 ، في أسوأ الحالات (IE <7) تحصل على تجربة المستخدم نفسه كما هو الحال مع GIF ، في حين أن متصفحات أخرى (فايرفوكس وسفاري وأوبرا) تحصل على تجربة أفضل. أدناه هو مثال يوضح ذلك ، نلاحظ كيف IE6 في ضوء شبه شفافة حول لمبة مفقود (المصدر : SitePoint ) :

لPNGs TrueColor من أن الحالة تمثل حلا وسطا أقل جاذبية. كل بكسل شبه شفافة تظهر الرمادية في IE قبل الإصدار 7 (المصدر : W3C ).

IE7 بتقديم الدعم المناسب لأصلي ألفا الشفافية في كل PNG8 وTrueColor من PNGs. للإصدارات السابقة IE تحتاج إلى إصلاح شفافية PNG TrueColor من المشكلة باستخدام CSS وتصفية AlphaImageLoader ، التي سنناقش في مزيد من التفاصيل في مقال المتابعة. (سبويلر تنبيه : تجنب AlphaImageLoader).

"كل ما نقوله هو : أعط PING فرصة!"

على الرغم من PNG8 يجب أن يكون المفضل للPNGs ، لأنه أصغر في حجم الملف ويحط جيدا في الكيانات المستقلة في وقت مبكر من دون فلاتر CSS الخاصة ، لا تزال هناك بعض الحالات استخدام PNGs TrueColor من :

• عندما الألوان 256 من PNG8 لا تكفي ، قد تحتاج إلى TrueColor من PNG ، وهذا هو الحال يجب محاولة تجنبها. من ناحية ، إذا كان لديك آلاف وآلاف من الألوان ، وهذا يبدأ لتبدو وكأنها حالة JPEG سوف تكون في وضع أفضل ، وسوف تعطي أفضل ضغط. من ناحية أخرى ، إذا كانت الألوان هي حوالي ألف أو نحو ذلك ، قد حاولت تحويل هذه الصورة إلى PNG8 ومعرفة ما إذا كان يبدو مقبولا. غالبا جدا ، والعين البشرية ليست حساسة بما فيه الكفاية لمعرفة الفرق بين 200 و 1000 لونا. التي تعتمد على الصورة ، بالطبع ، وغالبا ما يمكنك بأمان إزالة 1000 لونا ، ولكن في بعض الأحيان إزالة حتى 2 الألوان النتائج في صورة غير مقبولة. في أي حال ، حاول المحتملين مرشح PNG TrueColor من حيث PNG8 وبتنسيق JPEG ومعرفة ما اذا كنت ترغب في النتيجة من حيث حجم ونوعية الملف.
• عندما كان معظم من صورة شبه شفافة ، وإذا سوى جزء صغير من صورة شبه شفافة ، مثل حول زوايا مدورة ، وتدهور GIF مثل من PNG8 على ما يرام في أغلب الأحيان. ولكن إذا كان معظم من الصورة شفافة (اعتقد زر PLAY أكثر من صورة مصغرة الفيديو) ، قد لا يكون لديك خيار سوى استخدام الإختراق AlphaImageLoader.

في النهاية ، دعونا تلخيص ما تم مناقشته في هذه المقالة تسليط الضوء على ما يلي :

• JPEG هو تنسيق للصور.
• GIF هو تنسيق الحركات.
• PNG8 هو تنسيق على كل شيء آخر -- الرموز والأزرار والخلفيات والرسوم البيانية... سمها ما شئت.

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!

الاصدار 2.6.0 YUI

1 أكتوبر 2008 في الساعة 11:55 صباحا بواسطة Koechley نيت | في التصميم ، التنمية | 30 تعليقات

يسر تنمية المجتمع YUI أن تعلن عن اطلاق سراح 2.6.0 نسخة من مكتبة YUI . يمكنك تنزيل 2.6.0 YUI من سورس أو تكوين التنفيذ الخاص به المحدثة YUI Configurator لتهيئة .

2.6.0 بتقديم جديد التحكم كاروسيل ، يوفر التحكم Paginator للاستخدام العام (كانت واحدة من قبل مع DataTable) ، ويشمل أكثر من 450 مجموع الإصلاحات ، والتحسينات ، والتحسينات ، والخريجين ثمانية عناصر من "بيتا" ، والآن مع مزيد من السفن من الأمثلة 290 وظيفية .

ضوابط جديدة YUI

وكاروسيل التحكم

وكاروسيل YUI التحكم ، التي ساهمت بها Venkatesan جوبال (واستنادا إلى كاروسيل أنشئت أصلا السابق بيل سكوت ياهو) ، ويوفر تطبيق مصغر للتصفح بين مجموعة من الكائنات مثل المحتشدة عموديا أو أفقيا في منطقة مثقلة الصفحة. مثل تسيطر على معظم YUI ، يمكن أن تستهلك كاروسيل المحتوى من العلامات الصفحة باستخدام تقنيات التحسين التدريجي أو أن تنشأ ، تكوينه ، وملؤها بالكامل عبر النصي. وقد بنيت في ذلك دعم لتحميل محتوى كسول ، عبر مدعوم (الملقب اياكس) باستخدام YUI ل إدارة الاتصال . وتأكد أن نلاحظ أن المثال كاروسيل المساعد لاريا يجعل من السهل استخدام WAI - ARIA أدوار و الدول مع سيطرة كاروسيل.

وPaginator التحكم

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

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

وقدم التحكم Paginator مع DataTable في الإصدار 2.5.0 ، ولكن تم كسر بها باعتبارها التبعية اختياري للاستخدام العام وذلك اعتبارا من الإصدار 2.6.0.

أكثر من 450 تحسينات

يمكنك عرض 2.6.0 'ق سجل التغيير الشامل من البق ثابتة ومتسلسلة ملاحظات الإصدار لمكتبة بأكملها ، أو الحفاظ على القراءة عن الضوء.

تحكم TreeView

غزير YUI المساهم (و الجماعة YUI الجوائز منحت الفائز) ساتيام تحكم TreeView إصلاحا كبيرا مع دعم لتعزيز التقدمية ، والدولة لاسترجاع المعلومات ، جسون قاعدة البناء ، والتركيز ، والملاحة لوحة المفاتيح ، وتحرير العقدة. وينبغي أن يكون كاملا 2.6.0 المتوافقة مع 2.5.2 وأقدم تطبيقات. مزيد من التفاصيل في الترقية مذكرات للتحكم TreeView .

تقويم

بفضل Satyen ديساي ، و التحكم التقويم تلقى تحسينات كبيرة في الوصول 2.6.0 بما في ذلك إضافة نص إلى السابق من الشهر ، الشهر المقبل ، والرموز ، على مقربة للتفاعل قارئ الشاشة المحسنة.

محرر النص الغني

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

سحب وإسقاط

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

رافع

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

DataTable

كان هناك عمل كبير على DataTable في هذا الإصدار 2.6.0. (راجع اقرأني للبيان الكامل.) ومن بين التغييرات ، DataTable يدخل الطبقات ScrollingDataTable وCellEditor ، و Paginator تقدم الآن مصغر كعنصر مستقل ، وطبقت تغييرات كبيرة على صفحاتها DataTable وأبنية الفرز. في حين تم الحفاظ على التوافق كلما كان ذلك ممكنا ، والقطعة Paginator الآن تبعية اختيارية ، وملحقات مخصصة لتحرير الخلية المضمنة أو الخادم الجانب ، ترقيم الصفحات و / أو الفرز سيكونون في حاجة إلى تحديث لتكون متوافقة مع النماذج الجديدة. وينصح بشدة منفذي الذي تقوم بالترقية من إصدار سابق لقراءة ملاحظات ترقيات.

الإكمال

As of the 2.6.0 release, AutoComplete has been migrated to use YAHOO.util.DataSource, which is now a new required dependency. The YAHOO.widget.DataSource class, which used to be packaged with the AutoComplete control has been removed. While backward compatibility has been maintained whenever possible, implementers who are upgrading from an earlier version are strongly advised to read the Upgrades Notes to smooth the transition.

حاوية

The Container family of controls have enhanced positioning, height, and modality support in 2.6.0 via new preventcontextoverlap , context , and autofillheight configuration properties.

Other Notes on 2.6.0

Yahoo! Design Pattern Library

Concurrent with the initial YUI release in February 2006, Yahoo! released the Yahoo! Design Patterns Library. Design Patterns describe an optimal solution to a common problem within a specific context. Today we're happy to strengthen the relationship between these two sibling libraries by offering YUI code for two existing patterns: The Pagination Design Pattern and the Carousel Design Pattern .

Accessibility Improvements

We've continued to work hard to make YUI accessible. The Carousel, Button, Menu, TabView, and Container all have enhanced accessibility support in addition to what's otherwise noted in this blog post. We continue to count accessibility amongst our highest priorities; stay tuned for a few more blog posts on the topic in the coming days and weeks.

Graduation Day

The following seven YUI components have graduated from beta as of 2.6.0:

• Cookie Utility – with a new removeSub() method and two parsing improvements.
• DataSource Utility – with significant backward-compatible refactoring, see the README .
• Resize Utility – with new support for a useShim config and a series of bug fixes.
• YUI Loader Utility – with better timeout and combo handler support.
• DataTable Control – significant improvements and bug fixes: check the README .
• Layout Manager – with new support for Ajax content retrieval and a series of bug fixes.
• Rich Text Editor – including lots of new custom events and the ability to customize the edit windows better, along with ~40 bug fixes.
• Profiler has been promoted out of beta unchanged.

(Note that the ProfileViewer developer tools, the Element and Selector utilities, and the Carousel and ImageCropper controls remain designated as beta.)

شكرا!

We're proud of this 2.6.0 release and want to thank the entire community for their contributions, guidance, and continued support. We hope you enjoy all the new power and easy of use reflected in 2.6.0, and we look forward to your feedback in the comments below and on the YUI mailing list .

Thank you again on behalf of the entire development team, Adam Moore, Dav Glass, Eric Miraglia, George Puckett, Jenny Han Donnelly, Luke Smith, Matt Sweeney, Satyen Desai, Thomas Sha, and Todd Kloots; and contributors: Caridy Patiño, Dwight “Tripp” Bridges, Julien Lecomte, Matt Mlinac, Allen Rabinovich, Satyam, Gopal Venkatesan, and Nicholas C. Zakas

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

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!