تصميم واجهة مستخدم (UI) مرنة تعتمد كلياً على Pure CSS و HTML5

قمت بتصميم وتنفيذ واجهة مستخدم (UI) احترافية تتيح للمستخدمين اختيار اهتماماتهم من خلال بطاقات تفاعلية. ركزت في هذا المشروع على تقديم تجربة مستخدم (UX) سلسة ومنظمة باستخدام أحدث تقنيات تنسيق الويب.

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

هيكلة HTML5: استخدام عناصر دلالية (Semantic HTML) لبناء هيكل نظيف وقابل للقراءة.

نظام CSS Grid: توزيع البطاقات بشكل شبكي مرن (Responsive) يتكيف تلقائياً مع جميع أحجام الشاشات (موبايل، تابلت، ديسكتوب).

تفاعلية بدون JavaScript: الاعتماد على محددات CSS الحديثة مثل :has() و :checked لتغيير حالة البطاقة (اللون والحدود) فور اختيارها.

أيقونات SVG: دمج أيقونات متجهة عالية الجودة تضمن وضوح التصميم وسرعة تحميل الصفحة.

تجربة بصرية (Micro-interactions): إضافة تأثيرات ناعمة عند تمرير الماوس (Hover Effects) لزيادة تفاعل المستخدم.