💯 مشروع تخرج Family Social Network
تتجه فكرة هذا المشروع إلي صنع أو تكوين موقع مخصص للتواصل الاجتماعي بين أفراد العائلة كلها، حيث تستهدف فكرتة عمل رباط أسري وإنشاء صلة قرابة قوية بين الأفراد وبعضها، ومعرفة الأفراد لأقاربهم الذي قد يكونوا لم يلتقوا بهم من قبل.
وهذا الموقع يكون مشابه لمواقع التواصل الاجتماعي الفيس بوك وتويتر، حيث يمكن للشخص عن طريقة عمل صفحة يجمع فيها أفراد العائلة من كل النواحي، ويكون استخدامه استخدام مواقع التواصل الاجتماعي الأخرى.
حيث يمكن للأفراد كتابة المنشورات والتعليقات وإضافة صور أو مقاطع فيديو والدردشة بين بعضهم البعض، كما يمكن القيام بعمل رسمة لشجرة للعائلة توضح القرابة بين كل شخص وأخر.
كما يمكن للأفراد إضافة أقاربهم أو إرسال دعوة انضمام للموقع عن طريق البريد الإلكتروني.
--------
تتجه فكرة هذا المشروع إلي صنع أو تكوين موقع مخصص للتواصل الاجتماعي بين أفراد العائلة كلها، حيث تستهدف فكرتة عمل رباط أسري وإنشاء صلة قرابة قوية بين الأفراد وبعضها، ومعرفة الأفراد لأقاربهم الذي قد يكونوا لم يلتقوا بهم من قبل.
وهذا الموقع يكون مشابه لمواقع التواصل الاجتماعي الفيس بوك وتويتر، حيث يمكن للشخص عن طريقة عمل صفحة يجمع فيها أفراد العائلة من كل النواحي، ويكون استخدامه استخدام مواقع التواصل الاجتماعي الأخرى.
حيث يمكن للأفراد كتابة المنشورات والتعليقات وإضافة صور أو مقاطع فيديو والدردشة بين بعضهم البعض، كما يمكن القيام بعمل رسمة لشجرة للعائلة توضح القرابة بين كل شخص وأخر.
كما يمكن للأفراد إضافة أقاربهم أو إرسال دعوة انضمام للموقع عن طريق البريد الإلكتروني.
--------
8👍4❤🔥1
غزة في هاويه
امانه في رقابكم ادعو للمقاومه ادعو ان الله ينصرهم ويخذل الكفار وينصر اهل غزة واليمن ويحفظ اهل غزة ويشبع جوعهم يارب ضاق الحال فانت مغير الحال الا حال فغير حالة اهل غزة الئ احسن حال يارب خذلها العالم ما عاد معها الا انت يا كريم يا قوي ابطش قوتك في الكفار اليهود يا الله
امانه في رقابكم ادعو للمقاومه ادعو ان الله ينصرهم ويخذل الكفار وينصر اهل غزة واليمن ويحفظ اهل غزة ويشبع جوعهم يارب ضاق الحال فانت مغير الحال الا حال فغير حالة اهل غزة الئ احسن حال يارب خذلها العالم ما عاد معها الا انت يا كريم يا قوي ابطش قوتك في الكفار اليهود يا الله
🔅 HTML Form Input Types
🔅 أنواع إدخال نماذج HTML
يُستخدم عنصر <input> في HTML لإنشاء عناصر تحكم تفاعلية لنماذج الويب لقبول البيانات من المستخدم. تتوفر مجموعة واسعة من أنواع بيانات الإدخال وأدوات التحكم، حسب الجهاز ووكيل المستخدم. يُعد عنصر <input> من أقوى عناصر HTML وأكثرها تعقيدًا، نظرًا لتعدد تركيبات أنواع الإدخال والسمات.
The <input> HTML element is used to create interactive controls for web-based forms to accept data from the user. A wide variety of input data types and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
🔅 أنواع إدخال نماذج HTML
يُستخدم عنصر <input> في HTML لإنشاء عناصر تحكم تفاعلية لنماذج الويب لقبول البيانات من المستخدم. تتوفر مجموعة واسعة من أنواع بيانات الإدخال وأدوات التحكم، حسب الجهاز ووكيل المستخدم. يُعد عنصر <input> من أقوى عناصر HTML وأكثرها تعقيدًا، نظرًا لتعدد تركيبات أنواع الإدخال والسمات.
💻 Responsive HTML Video
💻 فيديو HTML متجاوب
استخدام استعلام الوسائط التوجيهية في محتوى الفيديو HTML لتوجيه أجهزة المستخدمين، مما يعزز قابلية الاستخدام والأداء.
Using the orientation media query in HTML video content for users devices orientation, enhancing usability and performance.
💻 فيديو HTML متجاوب
استخدام استعلام الوسائط التوجيهية في محتوى الفيديو HTML لتوجيه أجهزة المستخدمين، مما يعزز قابلية الاستخدام والأداء.
🔰 🔰 Dynamic Background with CSS Painting API!!
🔰 🔰 خلفية ديناميكية مع واجهة برمجة تطبيقات CSS Painting !!
The CSS Painting API allows you to create flexible, programmatic backgrounds that can dynamically adapt to element size and properties without using external images or heavy CSS animations.
🔰 🔰 خلفية ديناميكية مع واجهة برمجة تطبيقات CSS Painting !!
تتيح لك واجهة برمجة تطبيقات CSS Painting إنشاء خلفيات برمجية مرنة يمكنها التكيف ديناميكيًا مع حجم العناصر وخصائصها دون استخدام صور خارجية أو رسوم متحركة CSS ثقيلة.
🔰 Flexbox vs. Grid in CSS
Best Use Cases:
🔰 Flexbox مقابل Grid في CSS
أفضل حالات الاستخدام:
Flexbox - مثالي لأشرطة التنقل، أو محاذاة العناصر داخل قسم، أو قوائم العناصر.
Best Use Cases:
Flexbox - Perfect for navigation bars, aligning items within a section, or lists of items.
Grid - Great for complex, structured layouts like image galleries, web page templates, or dashboards.
🔰 Flexbox مقابل Grid في CSS
أفضل حالات الاستخدام:
Flexbox - مثالي لأشرطة التنقل، أو محاذاة العناصر داخل قسم، أو قوائم العناصر.
الشبكة - رائعة للتخطيطات المعقدة والمنظمة مثل معرض الصور أو قوالب صفحات الويب أو لوحات المعلومات.
🔰 File Paths in HTML
It’s like giving someone directions: are you pointing them to another room in the same house, or telling them to visit another building?
🔰 مسارات الملفات في HTML
يخبر مسار الملف المتصفح عن مكان العثور على ملف (مثل صورة أو ملف CSS أو نص JavaScript) بالنسبة إلى مستند HTML الحالي.
إنه مثل إعطاء شخص ما اتجاهات: هل تشير إليه إلى غرفة أخرى في نفس المنزل، أو تطلب منه زيارة مبنى آخر؟
A file path tells the browser where to find a file (like an image, CSS file, or JavaScript script) relative to the current HTML document.
It’s like giving someone directions: are you pointing them to another room in the same house, or telling them to visit another building?
🔰 مسارات الملفات في HTML
يخبر مسار الملف المتصفح عن مكان العثور على ملف (مثل صورة أو ملف CSS أو نص JavaScript) بالنسبة إلى مستند HTML الحالي.
إنه مثل إعطاء شخص ما اتجاهات: هل تشير إليه إلى غرفة أخرى في نفس المنزل، أو تطلب منه زيارة مبنى آخر؟
🔰 Creating simple blob shapes in css using border radius!
🔰 إنشاء أشكال نقطية بسيطة في css باستخدام نصف قطر الحدود!
Create a square element with the required dimensions, and throw in some randomness with the border-radius property to achieve a cool blob shape.
🔰 إنشاء أشكال نقطية بسيطة في css باستخدام نصف قطر الحدود!
قم بإنشاء عنصر مربع بالأبعاد المطلوبة، وأضف بعض العشوائية باستخدام خاصية border-radius للحصول على شكل كتلة رائع.