- إنضم
- 06/04/2026
- المشاركات
- 136
ثورة التصميم الهادئ: تجربة واجهة "كود نت" في إصدار XenForo 2.3
في عالم تطوير المنتديات، لم تعد الواجهة مجرد "شكل" بل أصبحت جزءاً لا يتجزأ من تجربة المستخدم (UX). من هذا المنطلق، نفخر في كود نت باستعراض اللمسات التطويرية التي أضفناها على استايل المنتدى، والتي جمعت بين خفة النسخة الافتراضية لـ XenForo 2.3 وبين حداثة التصميم العصري.
الفلسفة التصميمية: الافتراضي بلمسة "Glassmorphism"
أبرز المميزات والتعديلات:
• أيقونات الإحصائيات التفاعلية: تم استبدال النصوص التقليدية (مواضيع/مشاركات) بأيقونات هندسية داخل إطارات ذات خلفية خضراء فسفورية (Neon Green)، مما منح الصفحة الرئيسية ترتيباً بصرياً يشبه تطبيقات الهواتف الذكية.
• تجربة مستخدم (UX) محسنة: من خلال جعل الإحصائيات تظهر بشكل "Inline" (خطي) تحت عنوان الأقسام، وفرنا مساحة رؤية أوسع تسمح للعضو بالتركيز على المحتوى قبل الأرقام.
• التوافقية التامة: تم بناء التعديلات باستخدام أكواد CSS نظيفة في قالب extra.less لضمان عدم تأثر سرعة تحميل المنتدى، مع توافق كامل مع كافة الشاشات (Responsive Design).
• توهج الأيقونات: إضافة لمسات "Glow" بسيطة للأيقونات الجانبية لتعزيز المظهر التقني (Tech Look) الذي يتناسب مع اسم المنصة.
المطور والرؤية
تم تنفيذ وتطوير هذه اللمسات الجمالية والبرمجية بواسطة المطور مهدي حميد، الذي حرص على دمج معايير الـ SEO مع جماليات الواجهة، لضمان ظهور المنتدى بشكل احترافي في محركات البحث وفي أعين الزوار على حد سواء.
المصدر: كود نت - Code Net
تطوير: مهدي حميد
في عالم تطوير المنتديات، لم تعد الواجهة مجرد "شكل" بل أصبحت جزءاً لا يتجزأ من تجربة المستخدم (UX). من هذا المنطلق، نفخر في كود نت باستعراض اللمسات التطويرية التي أضفناها على استايل المنتدى، والتي جمعت بين خفة النسخة الافتراضية لـ XenForo 2.3 وبين حداثة التصميم العصري.
الفلسفة التصميمية: الافتراضي بلمسة "Glassmorphism"
كان الهدف الأساسي هو الحفاظ على سرعة واستقرار النسخة 2.3.9، مع كسر جمود التصميم التقليدي. اعتمدنا في التعديلات الأخيرة على مفهوم التصميم الزجاجي الناعم، حيث تظهر العناصر بتداخل لوني يريح العين، مع الحفاظ على هوية المنتدى التقنية.
أبرز المميزات والتعديلات:
• أيقونات الإحصائيات التفاعلية: تم استبدال النصوص التقليدية (مواضيع/مشاركات) بأيقونات هندسية داخل إطارات ذات خلفية خضراء فسفورية (Neon Green)، مما منح الصفحة الرئيسية ترتيباً بصرياً يشبه تطبيقات الهواتف الذكية.
• تجربة مستخدم (UX) محسنة: من خلال جعل الإحصائيات تظهر بشكل "Inline" (خطي) تحت عنوان الأقسام، وفرنا مساحة رؤية أوسع تسمح للعضو بالتركيز على المحتوى قبل الأرقام.
• التوافقية التامة: تم بناء التعديلات باستخدام أكواد CSS نظيفة في قالب extra.less لضمان عدم تأثر سرعة تحميل المنتدى، مع توافق كامل مع كافة الشاشات (Responsive Design).
• توهج الأيقونات: إضافة لمسات "Glow" بسيطة للأيقونات الجانبية لتعزيز المظهر التقني (Tech Look) الذي يتناسب مع اسم المنصة.
المطور والرؤية
تم تنفيذ وتطوير هذه اللمسات الجمالية والبرمجية بواسطة المطور مهدي حميد، الذي حرص على دمج معايير الـ SEO مع جماليات الواجهة، لضمان ظهور المنتدى بشكل احترافي في محركات البحث وفي أعين الزوار على حد سواء.
المصدر: كود نت - Code Net
تطوير: مهدي حميد
التعديل الأخير: