الخدع التحسين التقدمي [مغلق

Question

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

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

(أعرف الكثير عن جافا سكريبت والخدع المتصفح، لكنه سوف يعترف بأنه جاهل حول الفلاش، إلخ)

تعديل: أنا لا أتحدث حقا عن 1٪ من المواقع التي هي المساواة التي لا يمكن أن تعمل ببساطة دون جافا سكريبت أو فلاش. أنا لا أطلب كيفية كتابة مستندات Google بدون JS. أود أن أعرف ما يفعله الناس للمواقع التي يمكن هل الأشياء رائعة ولكن لا في الواقع يحتاج ل.

سأقدم بضعة ملكية خاصة بي كإجابة ...

Answer 1

أحاول تجنب مانتراس، باستثناء تعويذة أن العالم مكان فوضوي.

أعتقد أنه سيتم استبدال الكثير من وظائف سطح المكتب بوظائف الويب، وسوف يكون انتقالا صعبا ينتهي به الأمر مع تطبيقات حقيقية في المتصفح. التطبيقات الحقيقية تعني JavaScript أو Flash أو Silverlight، أو Java أو C # أو الهدف - تجميعه في JavaScript.

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

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

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

Answer 2

بعض الحيل Nifty التي أستخدمها للعمل مع المواقع المستندة إلى AJAX:

1) اكتب الصفحة بأكملها وجميع الروابط باستخدام علامات طبيعية ستذهب إلى الصفحة المناسبة مع تعطيل JavaScript، ثم "Hijax" تعتمد عليها على شيء مثل "REL = External".

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

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

Answer 3

تحقق من احصائياتك (أو تثبيت تحليلات كوكل إذا لم يكن لديك إحصائيات) وتحديد أين يسير المستخدمون وماذا يفعلونه بالفعل.

على سبيل المثال

1.) هل يستخدم المستخدمون البحث باستمرار لأنهم لا يستطيعون العثور على شيء ما؟ إذا كان الأمر كذلك ربما يمكنك جعل البحث عمل أفضل؟

2.) تقدم صفحة 404 الخاصة بك خيارات سريعة للبحث عن المصطلحات ذات الصلة أو المحاولة و "تخمين" ما الذي كانوا يبحثون عنه؟

3.) هل يحتوي موقعك على خريطة الموقع يوفر الوصول السريع إلى أجزاء ذات مغزى من موقعك؟

4.) إذا فشل كل شيء آخر، هل لدى المستخدم وسيلة سهلة للاتصال بك / الدعم الفني لمساعدتهم في العثور على ما يحتاجون إليه؟

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

6.) عند سهولة الاستخدام، تأكد من تصفح موقعك في IE (6،7،8)، سفاري، إلخ. وتأكد من أنها يعمل في كل مكان تهتم به.

7.) هناك كتاب رائع يسمى "لا تجعلني أفكر"أي مورد كبير في قابلية الاستخدام الواقعية. إذا لم تقرأها بالفعل ... اذهب للاستيلاء على نسخة.

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

Answer 4

عادة ما أقوم به هو كتابة موقع الويب بأكمله دون أي جافا سكريبت. بمجرد أن يكون هذا وظيفيا، يمكنك "وضع علامة عليه".

ومع ذلك، هناك بعض الكتل البديلة الجيدة:

نمط PRG. عادة ما يكون ضروريا إمكانية الوصول جيدة.

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

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

نأمل أن تساعد هذه النصائح البسيطة! إمكانية الوصول هي مسؤولية الجميع!

Answer 5

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

<video>
    <source src="video.ogv" type="video/ogg" /><!-- OGG for Mozilla/Opera -->
    <source src="video.mp4" type="video/mp4" /><!-- h.264 for Apple/Google -->
    <object><!-- Fall back to Flash/h.264 for older browsers -->
            <!-- And in the event the UA can't handle any of those, all you can do is provide a link to the media -->
            <p><a href="video.ogv">Download the video</a>.</p>
    </object>
</video>

pseudocode، ولكن تحصل على الفكرة

لحل أكثر شمولية لهذه المشكلة بالذات، تحقق من Kroc Camen فيديو للجميع.

Answer 6

تعزيز تدريجي غير معقد.

النظر في الشواغل الرئيسية الثلاثة:

• المحتوى (HTML)
• عرض تقديمي (CSS)
• السلوك (JS)

تبدأ بالمحتوى والعمل في طريقك من خلال المخاوف التأكد من أن كل قلق جديد لا يعيق السابق أو المحاولة تقليد قلق آخر؛ يجب ألا يولد JavaScript محتوى؛ لا ينبغي أن يكون CSS التعامل مع السلوك؛ لا ينبغي أن يكون HTML معالجة العرض التقديمي وما إلى ذلك.

Answer 7

حسنا، عندما يتعلق الأمر بتطبيق نوع موقع الويب، فإن الأفضل هو، لدعم دائما العديد من التنسيقات، في مريح Way ... HTML، XML، JSON، RSS، Atom (حيث أنه من المنطقي) ولماذا ليس آخرين ... للقيام بذلك، فأنت بحاجة إلى بنية MVC نظيفة على الخادم ... حسنا، لا يحتاج إلى أن يكون MVC، ولكن دعونا نقول، يجب أن تكون طبقة التقديم غبية كخبز، ومنطق أعمال مكتوب جيدا يعمل تحت ... يجب أن تختار وحدة تحكم Frontend الخاصة بك التنسيق المناسب للعودة استجابة إلى طلب وهناك ... كله منطق الأعمال لاسترداد / تحديث البيانات، وجعل الصفحات، إلخ. يتم تنفيذها مرة واحدة، ثم تجسدها فقط في قالب HTML، أو تحويله إلى JSON، أو القيام بكل ما ...

الآن فكرة ستكون، لجعل تنفيذ مريحة واحدة، سيعود HTML الصخري والدلالي والعادي ... وجعل واحدة، وسوف تستخدم بشكل كبير جافا سكريبت ... جعلها يمكن الوصول إليها تحت مسارات مختلفة، وجعل جافا سكريبت Uncrawlable ... ضع سطرا واحدا من جافا سكريبت في بداية قالب HTML الرئيسي الخاص بك، مما سيؤدي إلى إعادة توجيه إصدار JavaScript من هذا الموقع ... يمكنك أن تفعل الشيء نفسه للفلاش أيضا ... إلخ. ثم، في الإصدار "القذر" من التطبيقات، يمكنك القيام بأي شيء حقا، كما تريد ... قوالب التحميل لكل HTTP، ثم البيانات الموجودة في JSON، وقم بالتقديم على العميل، وإنشاء عملاء بدوري مستمر تطبيق جافا سكريبت ... لماذا لا؟

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

نايتز

back2dos.