التعليقات على: التصميم لمتصفحات الأجهزة الكفيّة

بواسطة: متعب الدوسري

متعب الدوسري — Fri, 20 Nov 2009 09:37:37 +0000

انا و زميلي معانا اجهزه اكس ون طبعااركسون اهو يدخل عن طريق جهازه البلياردو وانا رافض يعطيني الصفحه الرىيسيه فقط

بواسطة: عبدالله حامد

عبدالله حامد — Sun, 08 Nov 2009 08:05:58 +0000

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

بواسطة: bushra.b

bushra.b — Fri, 30 Oct 2009 06:10:24 +0000

جميل جدا شكرا ع المقاله الرائع ..

هل من الممكن وضع اختياار تصفح للاجهزه الكفيه بأعلى الموقع << مشابه لموقع تغير اللغه

بحيث يكون تصميم الموقع للاجهزه العاديه وبنسخه مخففه للكفيه << لاتحتوي ع فلاشات والنقاط التي ذكرت ..

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

بواسطة: عبدالله حامد

عبدالله حامد — Mon, 19 Oct 2009 07:18:07 +0000

أي سؤال خاطرة بيضاء؟ أسألوا و ان شاء الله أجيب.

إضافة WP touch iPhone جربتها و لكنها لم تكن مناسبة لي. إنها تجعل الصفحات تحاكي شكل صفحات الأيفون و ذلك لم يعجبني لأني لم أكن أريد أن أكون مسوقاً للشركات. هي مشابهة لwordpress mobile و لكنها مسوقة للمتصفحين من الأيفون فقط و كنت أريد أن تكون مدونتي أكثر عمومية.

بواسطة: خاطرة بيضاء

خاطرة بيضاء — Sun, 18 Oct 2009 20:31:31 +0000

ضاع سؤالي بين الزحمة ، الله يوفقكم ان شاء الله

بواسطة: عبدالله حامد

عبدالله حامد — Sun, 18 Oct 2009 05:45:16 +0000

-المعتصم
هي بالضبط كما ذكرت. خاصية CSS لـdiv.
بسبب صغر الشاشة فوضع div جنب بجنب سيزيد من صعوبة الوصول للمعلومة على الشاشة الأفقية الكفي.

بواسطة: المعتصم

المعتصم — Sun, 18 Oct 2009 04:33:43 +0000

الله يعطيك العافية أخوي عبدالله.
ممكن توضح لو سمحت وش المقصود بخاصية الـ float اللي ذكرتها في النقطة الأخيرة؟
هل تقصد اني ما أستخدمها للـ div boxes ؟ طيب وش البديل عشان أرتب الموقع؟
معليش تراني مبتدئ ، فلا تشره على الأسئلة :$

بواسطة: عبدالله حامد

عبدالله حامد — Sat, 17 Oct 2009 13:38:02 +0000

تماماً كما ذكر مشهور.

بواسطة: مشهور الدبيان

مشهور الدبيان — Sat, 17 Oct 2009 13:19:29 +0000

عبدالرحمن العتيبة:
تعتمد على الموقع.

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

بواسطة: عبدالرحمن العتيبة

عبدالرحمن العتيبة — Sat, 17 Oct 2009 12:35:54 +0000

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

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

زوار الموقع يعرفون الرابط بالشكل الحالي، ويجب الحفاظ على User Experience أو تجربة المستخدم إن صح التعبير، وأن لا نجبر المستخدم على حفظ رابط آخر للموقع إن أراد رؤيته بشكل أفضل على المتصفحات الكفية.
الموقع على النطاق الأساس قد تم أرشفته مسبقاً من قبل محركات البحث، لذا، فكل الروابط التي ستؤدي إلى الموقع ستذهب به إلى النطاق الأساس، إلا إذا أجبرت التحويل من الخادم لهؤلاء الزوار إلى النطاق الفرعي، وكثر التحويلات قد تبطىء عملية التصفح.
بعض محركات البحث تعاقب على المحتويات المتكررة أو Duplicate content، لذا إن تكررت نفس المعلومات على نفس الموقع قد يؤخر ظهور النتائج على محركات البحث.
عملية المتابعة وصيانة الموقع الآخر على النطاق الفرعي تتطلب الكثير من الوقت والجهد، هذا على اعتبار أنك ستنشىء موقع متكامل على النطاق الفرعي الخاص بالمتصفحات الكفية.
الحفاظ على الفصل التام بين المحتوى Content وطريقة التقديم Presentation، فإن استخدمت نطاق فرعي للمتصفحات الكفية، ستقوم بتكرار نفس المحتوى مرة أخرى بطريقة تقديم مختلفة، ولكن على نفس الموقع.

قرأت على موقع A List Apart للكاتب Dominique Hazaël-Massieux يتحدث فيه عن بعض التقنيات التي من الممكن استخدامها لاستهداف زوّار الأجهزة الكفية، باستخدام بعض حيل CSS، كاستخدام CSS Handheld، وأيضا بعض من خواص CSS3 لاستهداف أحجام الشاشات. ربما تكون العملية مرهقة بعض الشيء للمطور الذي سيعمل عليها، ولكن باستخدامها يمكنك الحفاظ على نفس الموقع، وإظهاره بأشكال مختلفة للأجهزة المراد استهدافها. والتغلب على المشاكل التي طرحتها في الأعلى.