تصميم موقع كامل إحترافي بإستعمال HTML & CSS

قمت بتصميم وتطوير واجهة ويب حديثة (Template) تركز على عرض المحتوى بشكل ديناميكي ومنظم. تم بناء المشروع باستخدام التقنيات الخام (Vanilla HTML/CSS) لضمان أعلى سرعة تحميل وأفضل أداء، مع تطبيق المعايير الهندسية في كتابة الكود.

أبرز المميزات التقنية للمشروع:

هيكلة متقدمة باستخدام CSS Grid: تم تصميم توزيع العناصر (Layout) باستخدام نظام الجريد، مما أتاح توزيعاً معقداً للمقالات والصور يصعب تحقيقه بالأساليب التقليدية.

استراتيجية التجاوب (Responsive Strategy): استخدمت الـ Media Queries بناءً على وحدات الـ rem لضمان مرونة التصميم (Fluidity) وتوافقه مع كافة أحجام الشاشات (Mobile, Tablet, Desktop).

نظام Layout Restoration: تم برمجة الأكواد بحيث تستعيد الواجهة ترتيبها المثالي عند الانتقال من شاشات الموبايل الرأسية إلى شاشات العرض الواسعة (60rem+).

كود نظيف وقابل للتطوير: تم تنظيم ملفات CSS باستخدام المتغيرات (CSS Variables) لسهولة تعديل الألوان والخطوط، مع اتباع نهج (Mobile-First) في التطوير.

تحسين الأداء: تم تحسين مسارات الصور واستخدام تقنيات العرض التي تضمن عدم تأثر سرعة الموقع رغم وجود عناصر مرئية متعددة.

التقنيات المستخدمة:

HTML5 (Semantic Elements).

CSS3 (Grid, Flexbox, Custom Variables).

Git & GitHub (Version Control).