فيسبوك العادي:
https://www.facebook.comفيسبوك الموبايل:
https://m.facebook.comفيسبوك يستخدم تصاميم مختلفة لكل موقع
فموقع الهواتف القديمة :
وموقع للهواتف بالمس :
بحيث يختلف التصميم والخصائص
فكل موقع عبارة عن تصميم وتكويد مختلف عن الاخر
ويمكن فعل ذلك بتجهيز 2 تصميم احدهم بخصائص مصغرة للهواتف والاخر الكمبيوتر متجاوب مع مقاسات وابعاد الشاشات المختلفة وربط التصميمان بقاعدة بيانات الموقع
وانشاء نطاق فرعي لكل منهم :)
اعتقد الموضوع يخص الاداء Performence اكثر من التخصيص لان يمكن تعديل القالب كما تريد بناء على UA العميل .
السبب الاخر يكون ان الموقع او البرنامج تم تصميمه قبل طفرة الهواتف النقالة ولم ياخذ بعين الاعتبار دعم الهواتف فيكون من الصعب ومكلف جدا تعديل الموقع فتقوم الشركة بعمل موقع للهواتف فقط
@Alwalid جزاك الله خيراً على الشرح لكن كيف أربط تصميمن بقاعدة البيانات بحيث يتعرف على الهاتف ويقوم بفتح الموقع المخصص له
شخصيا افضل استخدام نفس النطاق سواء للموبايل او سطح المكتب , اهم سبب بالنسبة لي هو تكرار المحتوى لدى محرك بحث جوجل , فكما تعلم قوقل يفلتر المحتوى المكرر لنفس النطاق و يعرض نتيجة واحدة فقط , عندها قد يظهر نطاق الموبايل لمستخدمي سطح المكتب او العكس .
على كل حال تخصيص قالب لكن جهاز ممكن و بشكل كبير بدون الحاجة لتغيير النطاق , حتى ان Varnish يدعم التخصيص .
يتم استخدام نطاقات الفرعية لمبدأ mobile first لتحديد تفاصيل أكثر و تحركات اقل للمستخدم ، حيث لو لاحظت مثلا علي الفيس يختلف UI كليا من حيث طريقة العمل و المكتبات المستخدمة في العمل في الصفحة و ترتيب العناصر في tree الخاص بالصفحة
كذلك هذا يتيح لك العمل مستقبلا في توفير خصائص لمستخدمي الموبيل فقط و كذلك أيضا التحليلات أكثر دقة و عمل detection للأجهزة الموبيل بسلاسة أكبر حيث في الفيس بوك يتم عمل detection لأكثر من 2000 جهاز مختلف و بالتالي يكون الأفضل أستخدام نطاقات فرعية عن Responsive Design
شكراً لك على هذا الشرح ، أنا أريد فعل ذلك أيضاً ولا أدري كيف فما السبيل لذلك؟
كي أقوم ببرمجة الأمر؟
التعليقات