2009 24 مارس 2009

تم تعطيل = "صحيح"، وتعطيل = "كاذبة" نفس الشيء؟

هذه المدرسة القديمة، ولكن كالعادة هو تكملة ذاكرتي ...
لذلك تم تعطيل = "صحيح"، وتعطيل = "كاذبة" واحد؟ نعم
... لا أعتقد، أيضا! ثت النحو الذي هي عليه ... وهنا بعض شرح سريع ...
"تعطيل" هي سمة من سمات العنصر شكل أي / حقل، وبالتالي لا يمكن أن يقبل أي قيمة بطبيعته.

ما دامت هذه السمة موجودة، سيتم تعطيل العنصر بغض النظر عن قيمتها. لعلى سبيل المثال.
<input type="text" value="This هو disabled" disabled>
<input type="text" value="This هو disabled" disabled="disabled">
<input type="text" value="This هو disabled" disabled="true">
<input type="text" value="This هو disabled" disabled="false">

وسوف كل ما سبق جعل مجال هذا الشكل "معطل".

ببساطة لا توفر السمة "معطل" تحافظ على حقل "ABLED" ... مثل أدناه

<input type="text" value="This ليس disabled" />

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

وهذا هو الفرق على الرغم عندما نستخدم هذه السمة في جافا سكريبت ...

document.form.element.disabled = صحيح؛ / سوف / يتم تعطيل العنصر
document.form.element.disabled = كاذبة؛ / سوف / يجب تمكين العنصر

الحجج المذكورة أعلاه ينطبق أيضا على هذه الصفات والعناصر:

  • فحص (زر الراديو والاختيار)
  • اختيار (الخيار)
  • nowrap (TD)

2009 22 مارس 2009

SevenUp! تشجيع العالم على التخلص من IE6!

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

لذلك ... مساعدة تخليص العالم من IE6 مع سطر واحد من جافا سكريبت!

http://code.google.com/p/sevenup/


2009 19 مارس 2009

اسقاط IE6، إزاء الوقت!


مع متصفح آخر لرعاية من الغد! (IE8 يخرج من الغد في الدولة بيتا) ... ويرد IE6 كان وقتا عظيما حقا لها الرحمة ونظرا لونغ الموت ... ونحن نقف المتحدة لسقوط IE6

"IE6 هو 4 نتسكيب جديد. وينظر بشكل متزايد الخارقة اللازمة لدعم IE6 والشحن الزائد. مثل نيتسكيب 4 في عام 2000، وينظر IE6 أن تحجم على شبكة الإنترنت. "

جيف Zeldman، ومعايير المعلم

في هذه الأثناء، وبالنسبة لأولئك مثلي الذين سيتم سيلا من المكالمات من كسر تخطيطات المغلق في IE8، وهنا هو العمل القديم حول / حل به ميتا (التعريف HTTP-EQUIV = "X-UA-متوافق") قد تتمكن من محاولة ...

سوء التصرف IE8: كسور تخطيط المغلق (استهداف إصدار مستعرض به ميتا في IE8)


2009 12 مارس 2009

ويجب أن يكون تصميم واجهة المستخدم جيد المعايير المتوافقة. أم أن؟ بلدي أعلى تصميم واجهة المستخدم 10 قواعد


لا أنا جديد جدا على واجهة المستخدم (UI) تنمية ولا أنا محارب قديم، وكما قلت دائما وضع ذلك، وأنا تنسجم مع الملف من واجهة المستخدم المطورة أكثر من ذلك من مصمم، مع غير نادم. أوه حسنا! ما كنت أكتب عنه؟ ... لفترة من الوقت (يجب أن تكون في أي سنة لا أقل) الآن، بين الحين والآخر عندما لا نصل الى شيء من تصميم واجهة المستخدم (عندما مصمم المهنية قد ذهب في يوم عطلة)، وأنا غير قادر على وقف دائما أفكر ما إذا كان ينبغي تصميمي يكون complient بشكل صحيح أم لا (بصدق، لا يمكنني أن achive 100٪ الامتثال للمعايير، وإذا أردت أيضا). ثم أقول لنفسي، ما حماقة! ... وينبغي أن يكون التصميم بسيط، لطيف، ويبدو في المقام الأول صالحة للاستعمال، فإنه لا ينبغي أن يجعل الزوار يهرب ... أو ترتد (لتكون التقنية). ما هو نفع لطيفة تخطيط CSS tableless يكون للزائر، وهو مدرك لجميع التشعبي الذكية ورقة الأنماط المتتالية تحت الجلد من صفحة الويب الخاصة بك ... اللاشيء!
يجب أن تبدو لطيفة ويكون سهل الاستخدام ... ثم تأتي الاشياء جميع المعايير.

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

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

المصممين واجهة المستخدم وجعل القديمة نفسها الأساسية "نسيان إنسان على الجانب الآخر" اخطاء - ما عدا هذا الوقت مدوناتها تبدو أفضل. البشر - وليس رمز المصادقون - واجهات الاستخدام ".

الخروج جيسون فرايد في المقال كاملا

DISCALIMER: وهذا لا يعني أننا يجب أن لا يكلف نفسه عناء حول المعايير على الإطلاق. معايير جيدة لديها والالتزام بها قدر المستطاع. نحن لا نملك إلا أن نفهم أن تصميم واجهة المستخدم جيد لا يعني دائما 100٪ معايير Complience أو العكس بالعكس ....

من قائمتي الدروس المستفادة من بلدي، وأنا اتباع تصميم واجهة المستخدم بعض القواعد الذهبية والتنمية ... هيريس أعلى 10 ... لا أن يكون لديك متابعتها أيضا ... :)

1. اعتني المستخدمين. يمكن للمستخدمين ان تجعل كسر او موقعك. متأكدا جعلها تبدو وكأنها المستخدم idoit الكلي، جعله عاجزا تماما عن استخدام موقع الويب الخاص بك. ما هو سيء!

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

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

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

5. تناسق في التصميم الخاص بك والتفاعل مهم جدا. متأكدا تخلط بين المستخدم الخاص بك مع التفاعلات لا يمكن التنبؤ بها والأدوات.

6. فهم الخاص "مهمة تصميم بيان". المختفى التركيز على العمل الأساسي للbeign الصفحة تصميم. أيضا، تقديم قائمة من الإجراءات الخاصة بك seconday على الصفحة، وإعطاء الأولوية لهم.

7. تقديم الملاحظات المناسبة لمستخدمي الموقع. مع معظم المواقع المصممة حول AJAX، وتوفير الإشارات البصرية للمستخدم حول التغييرات إلى الصفحة. المستخدم لديه على الاقرار بالاستلام من إتمام أي انه يؤدي مهمة. متأكدا جعل المستخدم الانتظار وتخمين،، مثلا. توفير مؤشرات التقدم لuplaods ملف.

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

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

10. الجلوس والتفكير في مثل المستخدم في بعض الأحيان.


2009 8 مارس 2009

عالمي مترجم البرنامج المساعد للبلوق الخاص بك

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

ويقول المترجم العالمي أنه "يترجم تلقائيا بلوق في 41 لغة مختلفة عن طريق الالتفاف أربعة أنواع مختلفة من محركات الترجمة على الإنترنت (جوجل محرك الترجمة، بابيلفيش محرك الترجمة، FreeTranslations.com، PROMT):" ... إذا كنت ترغب في إضافته إلى التثبيت وورد الخاصة ... التحقق من ذلك هنا http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

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

الروابط مترجم في أسفل من الجانب شريط ....


2009 7 مارس 2009

استدعاء وظائف متعددة Onload ويندوز في جافا سكريبت

هيريس آخر peice القليل من الخداع جافا سكريبت التي اضطررت الى حفر حولها لأن الوضع commaned ذلك. في واحد من مواقع ويب، وكان لي هذا الموقف حيث كان لي لتنفيذ "windows.onload" مرتين. أول شيء من شأنه أن وصل الى العقل عديم الخبرة مثل الألغام (أود أن أقول بصراحة أنه منذ لقد تم استخدام أطر جافا سكريبت والمكتبات، ولقد forgotton أن تفعل أشياء بسيطة في بلدي ... حزين الخاصة، ولكن صحيح)، هو الطريقة التالية ...

 window.onload = onloadfn1؛ window.onload = onloadfn2؛ window.onload = onloadfn3، الخ ... 

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

في الحالات العادية، على عكس الألغام (التي سأتحدث عنه قليلا في وقت لاحق) ... هل يمكن أن تفعل أحد الخيارات التالية لتنفيذ المهام onload mutliple ....

أو شيئا من هذا القبيل

 doOnLoad وظيفة () {
         onloadfn1 ()؛
         onloadfn2 ()؛
         onloadfn3 ()؛
 }
 window.onload = doOnLoad؛

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

"تمت هيكلة صفحات موقعي مثل هذا الموضوع وورد .... أي أن هناك Header.php المشتركة وFooter.php أن يحصل على وشملت في جميع صفحات الموقع. هناك وظيفة implementaion onload في Footer.php للقيام ببعض وظائف onload مشترك. وهناك بضع صفحات التي تحتاج إلى شيء من ONLOAD الخاصة بها، وبصرف النظر عن تلك التي قامت به وظيفة onload مشترك. إذا كنت تعيين وظيفة رد الاتصال مباشرة إلى معالج window.onload، وسوف الإفراط في ركوب الاسترجاعات تعيينه سابقا في Footer.php "

.... ومن المفهوم مشكلتي :) ؟

حسنا! هناك حلول عدة لأنني لم تجد. انها كلها متشابهة جدا وimplementions أساسا للحل الذي قدمته Willison سيمون ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

الحل:

ببساطة إضافة هذا الرمز جافا سكريبت لموقع ...

 وظيفة addLoadEvent (وظائفها) {
     فار oldonload = window.onload؛
     إذا كان (typeof window.onload! = 'الدالة') {
        window.onload = وظائفها
     } آخر {
        window.onload = وظيفة () {
            إذا كان (oldonload) {
                   oldonload ()
           }
           وظائفها ()
        }
    }
 }

والذي يطلق عليه بدلا من "windows.onload" المعتادة

 addLoadEvent (FunctionToRunOnPageLoad)؛
 addLoadEvent (وظيفة () {
 / * أكثر رمز لتشغيل على * تحميل الصفحة
 })؛ 

مزايا هذا مقتطف الشفرة ...
1. في المقام الأول، وهو يتيح لديك أحداث windows.onload متعددة، ودعا من أجزاء منفصلة من الشفرة الخاصة بك، دون overridding التعريف السابق
2. فمن غير مزعجة حقا. يمكن وضعها في ملف مع الكتابات الأخرى الخاصة بك أو في ملف منفصل.
3. كان يعمل حتى لو تم بالفعل تعيين window.onload.


NDK الرئيسية | معربا عن تكنولوجيا المعلومات | الحنك تعرب | Penmenship تعرب | الرهبة تعرب | تعرب عن نفسي