هذا إرسال لـ Frontend Challenge v24.07.24، CSS Art: Recreation.

إلهام

لقد ألهمتني فكرة إنشاء صفحة مقصودة سريعة الاستجابة لدوري نيويورك الترفيهي للكريكيت (NYRCL). وكانت الفكرة هي جعلها جذابة بصريًا وتفاعلية مع ضمان ظهورها بشكل رائع على جميع الأجهزة.

تجريبي

يمكنك الاطلاع على العرض التجريبي المباشر للمشروع هنا: NYRCL Landing Page

يمكنك العثور على الكود الخاص بالمشروع في مستودع GitHub الخاص بي: frontend-challenge

رحلة

كان هذا المشروع فرصة رائعة لتطبيق ممارسات تصميم الويب الحديثة. فيما يلي بعض الجوانب الرئيسية للرحلة:

1. تخطيط و تصميم:

   • لقد بدأت بتحديد هيكل الصفحة واختيار نظام ألوان يعكس الروح النابضة بالحياة لدوري الكريكيت الترفيهي.

2. تطوير:

   • لقد استخدمت HTML لتنظيم المحتوى، وCSS للتصميم وضمان الاستجابة، وJavaScript للتفاعل.
   • يتضمن CSS استعلامات الوسائط للتعامل مع أحجام الشاشات المختلفة، مما يضمن تجربة متسقة عبر الأجهزة.
   • تم استخدام JavaScript لإضافة تأثيرات التمرير والانتقالات السلسة، مما يعزز مشاركة المستخدم.

3. التحديات والتعلم:

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

4. حصيلة:

   • أنا فخور بشكل خاص بالتصميم سريع الاستجابة والعناصر التفاعلية التي تجعل الصفحة مفعمة بالحيوية وجذابة.

5. الخطوات التالية:

   • أخطط لإضافة المزيد من العناصر التفاعلية، مثل نموذج التسجيل وتحميل المحتوى الديناميكي.

خاتمة

كانت المشاركة في هذا التحدي تجربة مجزية، وأنا أتطلع إلى تطبيق هذه الدروس في المشاريع المستقبلية. شكرًا لك على تنظيم هذه الفرصة الرائعة!