فن CSS يلتقي بالفضاء: مشروع فني بموضوع الفضاء
تم النشر بتاريخ 2024-11-08
تصفح:858
هذا تقديم لـ Frontend Challenge v24.09.04، CSS Art: Space
إلهام
اليوم، نسلط الضوء على مشروع CSS Art ذو طابع الفضاء. جاء الإلهام من اتساع الكون، مع التركيز على أسرار الكواكب والمجرات التي تأسر خيالنا. أردنا إعادة خلق جمال الفضاء الخارجي.
تجريبي
تفقد ابتكارنا أدناه!
عرض مباشر: النظام الشمسي
استكشف الكود على GitHub: عرض الكود
رحلة
أردنا إنشاء مشهد فضائي غامر، مكتمل بالكواكب والنجوم والمجرة. وحاولنا أن نجعله تعليميًا بعض الشيء عن طريق إضافة أوصاف قصيرة حول الكواكب. كان أحد التحديات الرئيسية هو دمج الصور بسلاسة في تصميم CSS. كان علينا إدارة أحجام الصور ومواضعها بعناية
ما هي الخطوة التالية؟
نخطط لتوسيع فن CSS هذا عن طريق إضافة المزيد من الأجرام السماوية مثل الكويكبات أو المحطات الفضائية وجعلها أكثر إفادة وكذلك استكشاف طرق لجعل مشهد الفضاء تفاعليًا، ربما من خلال السماح للمستخدمين بالنقر على الكواكب للحصول على مزيد من المعلومات.
]الاعتمادات للفريق
كان هذا المشروع عبارة عن جهد تعاوني، وأود أن أشيد بمساهمات زميلتي في الفريق:
ساكشي سينغ
بيان الافراج
تم إعادة إنتاج هذه المقالة على: https://dev.to/vanshika03/css-art-meets-space-a-space-themed-art-project-41if?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ [email protected] لحذفه
أحدث البرنامج التعليمي
أكثر>
-
كيفية إلغاء تثبيت MySQL بشكل كامل على نظام التشغيل Mac OS X بعد تثبيت PowerPC بشكل خاطئ؟إلغاء تثبيت MySQL من نظام التشغيل Mac OS X: حل التثبيت غير الصحيح لـ PowerPC في محاولة لتصحيح التثبيت الخاطئ لإصدار PowerPC الخاص بـ MySQL على...برمجة تم النشر بتاريخ 2024-11-15 -
ماذا حدث لموازنة الأعمدة في الإصدار التجريبي من Bootstrap 4؟الإصدار التجريبي من Bootstrap 4: إزالة واستعادة إزاحة الأعمدة قدم Bootstrap 4، في إصداره التجريبي 1، تغييرات مهمة في الطريقة تم تعويض الأعمدة....برمجة تم النشر بتاريخ 2024-11-15
-
كيفية إصلاح \"تكوين غير صحيح: حدث خطأ أثناء تحميل وحدة MySQLdb\" في Django على نظام التشغيل macOS؟تم تكوين MySQL بشكل غير صحيح: مشكلة المسارات النسبية عند تشغيل python manager.py runserver في Django، قد تواجه الخطأ التالي: ImproperlyConfigur...برمجة تم النشر بتاريخ 2024-11-15
-
ما وراء عبارات "if": في أي مكان آخر يمكن استخدام نوع ذو تحويل "bool" صريح بدون الإرسال؟التحويل السياقي إلى منطقي مسموح بدون إرسال يحدد فصلك تحويلًا صريحًا إلى منطقي، مما يتيح لك استخدام مثيله 't' مباشرة في العبارات الشرطية....برمجة تم النشر بتاريخ 2024-11-15
-
لماذا يتم إرجاع نتائج استعلام MySQL كسلاسل في PHP وكيف يمكنني استردادها في أنواع البيانات الأصلية الخاصة بها؟استرجاع نتائج استعلام MySQL في أنواع البيانات الأصلية يتمحور هذا السؤال حول مسألة الحصول على نتائج استعلام MySQL في أنواع البيانات الأصلية عند...برمجة تم النشر بتاريخ 2024-11-15
-
كيفية التحقق بكفاءة من الأعداد الأولية في جافا سكريبت؟كيفية تحديد الأعداد الأولية في جافا سكريبت في جافا سكريبت، تحديد الأعداد الأولية هو مهمة برمجة شائعة. الرقم الأولي هو عدد صحيح موجب أكبر من 1 ...برمجة تم النشر بتاريخ 2024-11-15
-
كيفية تحليل سلسلة زمنية بمنطقة زمنية محددة في Go؟تحليل الوقت بمنطقة زمنية محددة يمكنك استخدام time.ParseTime() للحصول على بنية زمنية من سلسلة. يأخذ سلسلة تخطيط كوسيطة، والتي تحدد تنسيق سلسلة ...برمجة تم النشر بتاريخ 2024-11-15
-
كيفية التعامل مع وسيطات سطر الأوامر في نظام التشغيل Windows عند تنفيذ البرامج النصية لبايثون؟تنفيذ برنامج بايثون النصي في نظام التشغيل Windows: فهم التعامل مع الوسيطات في نظام التشغيل Windows، يمكن أن يؤدي تنفيذ برامج Python النصية دون...برمجة تم النشر بتاريخ 2024-11-15
-
لماذا تتم محاذاة عناصر الحاوية المرنة إلى المركز بدلاً من المحاذاة إلى اليسار عند استخدام "justify-content: space-around"؟محاذاة عناصر الحاوية المرنة إلى اليسار في قائمة الهاتف المحمول، يتم ترتيب قائمة أيقونات الوسائط الاجتماعية باستخدام flexbox. لضمان التباعد الم...برمجة تم النشر بتاريخ 2024-11-15
-
كيفية استخدام Canvas.toDataURL() بشكل صحيح لالتقاط مخرجات Canvas كصورة؟التقاط مخرجات اللوحة القماشية كصورة: حل التحديات باستخدام Canvas.toDataURL() عند تطوير تطبيقات HTML5، التقاط محتويات اللوحة القماشية كصورة يمكن...برمجة تم النشر بتاريخ 2024-11-15
-
استخدام WebSockets في Go للاتصال في الوقت الفعلييتطلب إنشاء التطبيقات التي تتطلب تحديثات في الوقت الفعلي - مثل تطبيقات الدردشة أو الإشعارات المباشرة أو الأدوات التعاونية - طريقة اتصال أسرع وأكثر...برمجة تم النشر بتاريخ 2024-11-15
-
هل يمكنني استخدام CSS لتصميم رسائل وحدة تحكم JavaScript في Chrome وFirefox؟تصميم وحدة تحكم JavaScript في Chrome وFirefox في عالم تطوير الويب اليوم، أصبحت وحدة تحكم JavaScript أداة لا غنى عنها لتصحيح الأخطاء وعرض المعلو...برمجة تم النشر بتاريخ 2024-11-15
-
كيف يمكنني العثور على المستخدمين الذين لديهم أعياد ميلاد اليوم باستخدام MySQL؟كيفية التعرف على المستخدمين الذين لديهم أعياد ميلاد اليوم باستخدام MySQL تحديد ما إذا كان اليوم هو عيد ميلاد المستخدم باستخدام MySQL يتضمن الب...برمجة تم النشر بتاريخ 2024-11-15
-
كيف يمكنك الهروب من الأحرف الخاصة بالتعبير العادي في JavaScript؟كيفية الهروب من الأحرف الخاصة للتعبير العادي في جافا سكريبت يعد الهروب من الأحرف الخاصة للتعبير العادي أمرًا بالغ الأهمية لتحقيق الدقة في مطاب...برمجة تم النشر بتاريخ 2024-11-15
دراسة اللغة الصينية
- 1 كيف تقول "المشي" باللغة الصينية؟ 走路 نطق الصينية، 走路 تعلم اللغة الصينية
- 2 كيف تقول "استقل طائرة" بالصينية؟ 坐飞机 نطق الصينية، 坐飞机 تعلم اللغة الصينية
- 3 كيف تقول "استقل القطار" بالصينية؟ 坐火车 نطق الصينية، 坐火车 تعلم اللغة الصينية
- 4 كيف تقول "استقل الحافلة" باللغة الصينية؟ 坐车 نطق الصينية، 坐车 تعلم اللغة الصينية
- 5 كيف أقول القيادة باللغة الصينية؟ 开车 نطق الصينية، 开车 تعلم اللغة الصينية
- 6 كيف تقول السباحة باللغة الصينية؟ 游泳 نطق الصينية، 游泳 تعلم اللغة الصينية
- 7 كيف يمكنك أن تقول ركوب الدراجة باللغة الصينية؟ 骑自行车 نطق الصينية، 骑自行车 تعلم اللغة الصينية
- 8 كيف تقول مرحبا باللغة الصينية؟ # نطق اللغة الصينية، # تعلّم اللغة الصينية
- 9 كيف تقول شكرا باللغة الصينية؟ # نطق اللغة الصينية، # تعلّم اللغة الصينية
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
